Chrome 强制显示最小字体为 12px？

发布于：电脑网络 3,229 次践踏

在 DIV+CSS3 的布局中，我一直以为 IE6 是最难伺候的，一会这个 bug，一会那个 bug，如果能把 IE6 摆平了，那也就天下太平了，兼容其他的浏览器应该也就不成问题。但是，我在制作新的 WordPress 主题中碰到了一个不属于 IE 的杯具问题，在 Firefox、Opera、Safari 甚至在 IE 下都能正常显示的页面居然在 Chrome 下错位了！？这是让人无法容忍的，我可以 kill IE，但我不能把 Chrome 也给 kill 了。

仔细比较后发现，原来是字体大小的问题，我的 Chrome 浏览器居然不支持 12px 以下的字体大小？换了以 pt 或者百分比为单位的字体大小，也都是不管用，Chrome 所能识别的最小字体就停留在 12px 了，我倒～

以下我做了个简单的实验，列出了 font-size:6px; 至 font-size:18px; 的字体大小示例，用 IE、Firefox、Opera、Safari 浏览器的朋友都可以看到一个上宽下窄的梯形状。但是用 Chrome 浏览器的朋友就只能看到 18px 到12px 字体大小的一个上宽下窄的梯形，接下去的 11px 至 6px 都将以 12px 的字体大小显示。

font-size:18px;
font-size:17px;
font-size:16px;
font-size:15px;
font-size:14px;
font-size:13px;
font-size:12px;
font-size:11px;
font-size:10px;
font-size:9px;
font-size:8px;
font-size:7px;
font-size:6px;

我不知道这是 Chrome 的 bug，还是 Chrome 浏览器故意为之，是怕用户看不清 12px 以下的字号吗？而且比 IE 更杯具的是，IE 的 bug 还可以用 CSS HACK 来弥补，而 Chrome 的这个 bug 我都不知道有啥方法可以修正。老革命碰到新问题了，囧～

不知道哪位高手有 Chrome 中小于 12px 字体大小的显示方法呢？不吝赐教啊，在此谢过～