Chrome设置字号不能小于12px,小于12px,会以12显示,在最新的谷歌浏览器中已经修复了这个bug。
如果解决这个问题呢?
可以用Chrome的私有属性禁用浏览器文字大小调整:-webkit-text-size-adjust:none;
移动端chrome/safari目前依然支持-webkit-text-size-adjust属性;
PC新版chrome已经禁止更改该属性了,我们可以使用CSS3的:transform:scale(0.75); (12*0.75=9)
谷歌使用 -webkit-transform:scale(0.75);
来进行缩放,但是这个使得包裹文字的容器也缩小了
.chrome_adjust { font-size: 9px; -webkit-transform: scale(0.75); -o-transform: scale(1); //针对能识别-webkit的opera browser设置 }
另外,我们最好判断一下是否是谷歌浏览器,再添加这个类
var isChrome = !!window.chrome;