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;