近日在工作中,遇到google浏览器中页面的字体最小不能小于12px的问题,在网上找了好多方法。
大概有一下两种解决方案:
1、在元素css中,添加-webkit-text-size-adjust:none;
2、使用css3新属性,transform:scale(0.875);
本人试用如下:
1、第一种方案,在最新google浏览器中不支持,以前的google浏览器支持。
2、第二种方案,解决了google浏览器页面字体最小12px的问题,但是在用的时候,注意一点,不能把这个属性加到父级模块中,否则,整个模块都会缩小