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

在chrome浏览器中，可能是出于人性化浏览的考虑，如果字体大小小于12px，会出现设置的font-size无效化，最小字体会以12px为基准

且不论这个问题是chrome的bug问题，还是chrome的人性化设置（个人认为是人性化浏览的设置）

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

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

方式二： 修改CSS

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

因为Chrome 使用的是Webkit内核，通过增加以下CSS就可以达成目标了：

在css样式表中添加

1

2

3

html, body {

    -webkit-text-size-adjust:none;

}