谷歌浏览器不支持小于12px的字体大小
今天也是由于调试页面,发现了一个问题,我在Google Chrome浏览器下调试页面,我有一段文字设置的font-size是10px。显示了感觉跟我普通设置的字体大小13px只小一点点。我就感到奇怪了,我使用IE8和 Google Chrome调试都没问题的呀,为什么到了Google Chrome就变不小呢。我用IE8与Google Chrome浏览器进行字体大小的对比,结果我发现10号的字体在 Google Chrome下总是比IE8大,然后我也跟Firefox中对比,也是这样。
所以我就弄了一个页面,看看具体的情况是怎么样的。
注意:字体大小从5px到20px;
IE8下的字体显示
Firefox下的字体显示
Google Chrome下的字体显示
看到三种浏览器中,在Google Chrome下小于12px的字体都是显示都与12px字体的大小一样,可见我们可以得出一个结论:Google Chrome不支持小于12px的字体,可能是因为怕字体太小了,看不到。IE和Firefox就没有这种限制,可以设置为1px。呵呵,感觉Google Chrome还是挺细心的。可能Google Chrome还有更细致的约束,只是我们都还不知道罢了。如果大家有Google Chrome更细致的约束,不防都帖出来让大家都知道,了解。