当前位置: 代码迷 >> 综合 >> css 字体大小 transform
  详细解决方案

css 字体大小 transform

热度:113   发布时间:2023-10-02 03:07:37.0

-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 轴同时缩放;属性值为两个值时,分别控制 xy 轴的缩放。

  • rotate:水平旋转,属性值格式为 XdegX 为正数时,顺时针旋转;为负数时,逆时针旋转

  • translate:平移,基于 XY 轴重新定位元素。属性值为一个时,xy 轴参数相同;为两个时,xy 轴分别定位

  • skew:将元素沿水平方向倾斜变形。属性值为一个时,x/y 轴参数相同;为两个时,xy 轴各自倾斜