最近做好了一个外贸网站，刚上线没几天，就接到客户反映说在Chrome浏览器下，网站有许多地方出现了错位现象，接到反馈，我也用Chrome 浏览器看了一下，的确和其他浏览器的浏览效果不一样，当时还以为是自己的CSS样式写的有问题，导致Chrome浏览器不兼容，实际上这是因为Chrome浏览器默认情况下的字体最小为12px，即使你设置某字体大小为10px，但在Chrome里面显示还是12px，解决方法：

添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}

但是这样设置之后会有一个问题，就是当你放大网页时，一般情况下字体也会随着变大，而设置了以上代码后，字体只会显示你当前设置的字体大小，不会随着网页放大而变大了。

如果要改变字体大小，font-size:15px;应该写在 -webkit-text-size-adjust: none;之后，否则效果不显示 。