Chrome下设置字号小于12号

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;

相关推荐