您的位置:首页 > Web前端 > CSS

前端修炼手札:Chrome下CSS字体大小设置小于12px无效

2014-05-16 12:37 429 查看
在chrome浏览器中,可能是出于人性化浏览的考虑,如果字体大小小于12px,会出现设置的font-size无效化,最小字体会以12px为基准

且不论这个问题是chrome的bug问题,还是chrome的人性化设置(个人认为是人性化浏览的设置)

我们可以从开发者和chrome终端两个方面来解决这个问题

方式一:
设置浏览器最小字体限制:
设置--》高级设置--》网络内容--》自定义字体...
设置成最小字体就可以了。(无须重启)

方式二: 修改CSS

方式一对于开发人员可能没什么用, 因为不知道也不可能把所有的终端用户修改浏览器配置。

因为Chrome 使用的是Webkit内核,通过增加以下CSS就可以达成目标了:
在css样式表中添加

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐