在chrome浏览器中,可能是出于人性化浏览的考虑,如果字体大小小于12px,会出现设置的font-size无效化,最小字体会以12px为基准
且不论这个问题是chrome的bug问题,还是chrome的人性化设置(个人认为是人性化浏览的设置)
我们可以从开发者和chrome终端两个方面来解决这个问题
方式一:
设置浏览器最小字体限制:
设置--》高级设置--》网络内容--》自定义字体...
设置成最小字体就可以了。(无须重启)
方式二: 修改CSS
方式一对于开发人员可能没什么用, 因为不知道也不可能把所有的终端用户修改浏览器配置。
因为Chrome 使用的是Webkit内核,通过增加以下CSS就可以达成目标了:
在css样式表中添加
1
2
3
|
html, body {
-webkit-text-size-adjust:
none
;
}
|