网页常常为了排版美观,会使用忽大或小的文字,通常font-size文字为12px(像素)文字。设置大于12px文字字体,各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字字体效果。
谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时,常常使用CSS样式显示小于12px文字,这样谷歌浏览器就不能显示所设置较小的文字。不过还是有解决方案的。
webkit的私有属性:
.seletor{-webkit-text-size-adjust:none;}
禁止webkit浏览器配置调整网页的字体大小。
但是,如果在全局定义了 html{-webkit-text-size-adjust:none;} 会导致另一个现象:浏览器一般提供给小群体用户一个功能,就是放大与缩小网页视图。禁用了这一属性,在chrome下放大网页,会导致其它元素均放大,而文字却依然为原定义的“12px”。
这样造成了不友好的体验,给有需要的用户造成阅读上的门槛。故,有需要设置小于12px字体的元素单个定义即可,但是,这个被定义的小元素,将令浏览器的缩放功能失效。