Chrome浏览器设置font-size为12px以下无效的解决方法

问题描述

Chrome浏览器在解析字体大小时，最小字号为12px，小于这个大小的字号都会解析成12px。

当你把一行文字设为10px时Chrome浏览器还是会按12px来解析。

解决方式

解决这个问题的方法是用Chrome的私有属性禁用浏览器文字大小调整的功能。

-webkit-text-size-adjust:none;

PS: 在新版的chrome中已经禁止了改属性,建议使用CSS3中的方法。比如，设置10px，父元素设置font-size:12px时:

transform:scale(0.833);

但是需要注意的是，当使用transform:scale(0.833)时; 不仅是文字变小了，整个文字所在的容器也同时会变小。