在中文版Chrome里面,Chrome的Webkit内核会把字体小于12px的强制设置为12px,意思就是字体大小不能小于12px,但是有时候需要设置小于12px的字体,这就需要 禁用Webkit内核浏览器的文字大小调整功能。
解决方案,添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}
-webkit-text-size-adjust
1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上会导致页面缩放失效
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的
举个例子:(来自https://m.taobao.com/)
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: 0;
-webkit-tap-highlight-color: transparent
}
html {
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased
}