Chrome浏览器12px以下字号的字体无法正常显示问题的解决方法

在工作中遇到了一个问题,在Chrome浏览器中,12px以下字号的字体显示的大小跟12px的大小是一样的,如下图:

chrome
而IE是正常的:
ie
火狐也是正常的:
firefox
那么我们怎么来解决这个问题呢?解决方法是在样式中加入下面这句代码:
-webkit-text-size-adjust:none;
效果:
chrome2
这样问题就迎刃而解了。