前端修炼手札:Chrome下CSS字体大小设置小于12px无效
2014-05-16 12:37
429 查看
在chrome浏览器中,可能是出于人性化浏览的考虑,如果字体大小小于12px,会出现设置的font-size无效化,最小字体会以12px为基准
且不论这个问题是chrome的bug问题,还是chrome的人性化设置(个人认为是人性化浏览的设置)
我们可以从开发者和chrome终端两个方面来解决这个问题
方式一:
设置浏览器最小字体限制:
设置--》高级设置--》网络内容--》自定义字体...
设置成最小字体就可以了。(无须重启)
方式二: 修改CSS
方式一对于开发人员可能没什么用, 因为不知道也不可能把所有的终端用户修改浏览器配置。
因为Chrome 使用的是Webkit内核,通过增加以下CSS就可以达成目标了:
在css样式表中添加
且不论这个问题是chrome的bug问题,还是chrome的人性化设置(个人认为是人性化浏览的设置)
我们可以从开发者和chrome终端两个方面来解决这个问题
方式一:
设置浏览器最小字体限制:
设置--》高级设置--》网络内容--》自定义字体...
设置成最小字体就可以了。(无须重启)
方式二: 修改CSS
方式一对于开发人员可能没什么用, 因为不知道也不可能把所有的终端用户修改浏览器配置。
因为Chrome 使用的是Webkit内核,通过增加以下CSS就可以达成目标了:
在css样式表中添加
相关文章推荐
- Chrome浏览器下CSS字体大小设置小于12px无效问题
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 谷歌Chrome浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 关于chrome的字体怎么设置小于12px的问题
- chrome浏览器CSS字体大小小于12px不起作用解决方法
- Echarts之Chrome不兼容fontSize小于12的字体大小设置&解决办法
- 解决chrome浏览器CSS字体大小小于12px不起作用的方法
- chrom浏览器设置不了小于12px的文字大小的解决方法
- 解决中文版Chrome下网页不能显示小于12px字体
- 解决中文版Chrome下不能显示小于12px的字体
- Chrome 设置12px以下的字体-好像新版已经不支持了
- 解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- 解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- Google Chrome浏览器不支持小于12px的字体大小
- CSS解决chrome网页字体小于12的问题