首页 > 代码库 > Chrome下font-size小于12px的解决办法

Chrome下font-size小于12px的解决办法

自从Chorme取消了-webkit-text-size-adjust,这个问题又变得令人烦恼起来。

好在我们可以利用-webkit-transform这个私有属性。

.box{
  -webkit-transform:rotate(0.8)//我一般会调到0.7~0.8之间
}

如果你的box有添加了一层背景,而你想改变的只是字体的大小,好吧,这个时候需要加一层标签:

.box span{
  -webkit-transform:rotate(0.8)//我一般会调到0.7~0.8之间
}

当然,-webkit-transform需要作用在块或者行内块元素上。

Chrome下font-size小于12px的解决办法