我也遇到同样的问题。 解决方案只能像@chitanda这样把基本字号调成20px。

-webkit-text-size-ajust:none 熟悉已经弃用很久了，所以 chrome 不支持 12px 以下的字体显示了，因为 chrome 觉得 12px 以下的字体在桌面设备上不利用用户阅读，所以把字体大小放在用户设置里边了
在浏览器中输入： chrome://settings/ ，高级设置里边有网络内容字号设置，只有当用户在设置字体小或者极小的情况下，你 css 设置的 font-size: < 12px 才会在浏览器中生效；

关于 html 的 font-size :
为什么要使用 html{font-size：62.5%}
1.设置文档的基准字体 在设置了 font-size：62.5% 以后,那么换算出来的宽度就是 :

 1rem = 10px
1.2rem ~= 12px
.....
2rem ~= 20px;

这样方便计算,请注意 rem 这个单位 全名是 root-em ，字体相对大小是基于文档根的 font-size 而定；
em 是会依父层字体大小乘本身字体大小的；

 <style>
.box1 {
    font-size:1.2em
}
.box1 h2 {
    font-size:1.2em
}
<style>


<div classs="box1">
    <h2></h2>
    <!-- 这里的H2字体实际大小是 1.2 x 1.2 ~= 1.44 -->
</div>

希望对你有帮助。

如果想让中文字体比12PX小，可以用CSS3的变形 scale

font-size给高点又不会死。。

 css


 html{
    font-size:20px;
}

然后rem可以以20为基准了。