-webkit-transform 的含义
-webkit 是表示针对 safari 浏览器支持,-ms表示针对 IE 浏览器支持。
如下表示的是在 X 轴向右移动 50px, Y 轴向下移动 100px。div {
-ms-transform: translate(50px, 100px);-webkit-transform: translate(50px, 100px);transform: translate(50px, 100px);
}
浏览器最小的字体是12px,
如果想要更小的话,可以设置:transform:scale(n) 正常是1 如果缩小就是零点几
-
scale
:缩放,1 为原始大小。参数正数时放大,负数缩小。属性值为一个时,x/y
轴同时缩放;属性值为两个值时,分别控制x
、y
轴的缩放。 -
rotate
:水平旋转,属性值格式为Xdeg
。X
为正数时,顺时针旋转;为负数时,逆时针旋转 -
translate
:平移,基于XY
轴重新定位元素。属性值为一个时,x
、y
轴参数相同;为两个时,x
、y
轴分别定位 -
skew
:将元素沿水平方向倾斜变形。属性值为一个时,x/y
轴参数相同;为两个时,x
、y
轴各自倾斜