chrome字体不能少于12像素解决方案

p2h.cn在对客户项目进行切图的时候,发现对网页设定的 body{font-size:12px}在chrome浏览器下是无效的, 为何为这样呢,经过了p2h技术人员的多番调试,结果都是一样 —– chrome的字体显示是比12像素大了不少。最后还是找到了解决方法。据说在英文版的chrome下面是不会的,只有在中文版的chrome会有这个问题。

bug产生的原因

根据非常不官方的报道称:因为chrome(谷歌浏览器)在当时有这样的考虑,他们认为字体少于12像素的时候,看不清,不利于用户体验,所以就认为的干涉了这个使之最少也不能小于12px。

bug解决方法

有通过调制浏览器的,方法很多,这里只介绍关于css能够实现的解决方案。可以在css代码文件的头一句加上这样一段话:

html{-webkit-text-size-adjust:none;}

调试一下,ok,大功告成。