webkit-text-size-adjust扩展问题
之前文章《中文版chrome不支持小于12px字体定义的解决方案》简单处理了chrome下不支持小于12px的问题的解决方案,原理是,禁止webkit浏览器配置调整网页的字体大小。
那么,今天在项目中发现衍生了另一个问题,如果在全局定义了 html{-webkit-text-size-adjust:none;} 会导致另一个现象:
浏览器一般提供给小群体用户一个功能,就是放大与缩小网页视图。禁用了这一属性,在chrome下放大网页,会导致其它元素均放大,而文字却依然为原定义的“12px”,如下图左右对比:

这样造成了不友好的体验,给有需要的用户造成阅读上的门槛。故,有需要设置小于12px字体的元素单个定义即可,但是,这个被定义的小元素,将令浏览器的缩放功能失效。

Comments [1]
这样全局定义的确不好!