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

Chrome浏览器将font-size设置为12px以下时无效，字体会默认显示为12px。其他浏览器会正常显示。

原因是Chrome浏览器做了限制，font-size 有一个最小值 12px，但是允许把 font-size 设置为 0。这个 12px 的限制用户是可以自行调整的，可以进入chrome://settings/fonts设置为其他值：

解决方法：

1. Chrome 29 版本之前，可以使用 -webkit-text-size-adjust: none; 来解除这个限制。29 版本后就不起作用了。
2. 可以使用缩放来解决：transform:scale(0.833333)，但除了缩小字体之外，也会缩小其他一些属性，需要额外注意。
3. 如果是手机端，可以使用rem为单位。

我采取的：因为我的项目在pc端，是给自己的人员（人数不多）使用，然后根据网页生成pdf的。这样的情况下，如果采用transform：scale()来解决的话，改动比较大。最后编写一个使用说明，让他们进入chrome://settings/fonts，把最小font-size设置为0。