问题描述
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)时; 不仅是文字变小了,整个文字所在的容器也同时会变小。