QQ 1640076782

2013年07月28日

Chrome 谷歌浏览器不能识小于12px 字体的解决方法

Filed under: 未分类 — lifengwu @ 1:17 下午

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

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

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

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