众所周知,在使用Chrome等webkit浏览器查看网页时,中文的最小字体会保持在12像素而不能继续缩小,这个功能可能是想保护中文显示清晰的特性,但其也有自身的弊端。
如果不喜欢这样的定义,希望文字可以随网页“缩放”,可以使用CSS来重定义这个特性。
-webkit-text-size-adjust就是这个特殊的属性,它可以使字体大小不受设备终端的调整,可以随心所欲了。
-webkit-text-size-adjust来源于CSS3的font-size-adjust属性,webkit提前将其划为私有属性,在未来很可能会被“转正”。
注意事项:
使用-webkit-text-size-adjust应注意以下几点:
1、使用方法: .selector{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上会导致页面缩放失效
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的,像第一种方法那样定义就很好。