字体大小<12px在Google Chrome中无效

css font-size <12px的元素在谷歌浏览器中没有效果 - 字体大小为12px.

我该怎么办？

我的Google Chrome浏览器使用默认设置.我的版本是4.0.249.89.我使用的是Windows XP.

您可以将以下代码粘贴到Google Chrome中进行测试:

test 6px
test 7px
test 8px
test 9px
test 10px
test 11px
test 12px
test 13px
test 14px
test 15px
test 16px

不同浏览器的结果:

1> 小智..：

---

按照样式禁用自动调整.

* {
    -webkit-text-size-adjust: none;
}

---

这适用于Safari,但不适用于Chrome.

---

此规则在Chrome的第29版中消失了.在评论时,没有令人满意的替代解决方案.虽然可以确保用户的可读性,但这会产生陷阱,例如,如果HTML字体大小小于12px,则无法使用rems调整图像大小.

2> Jaskey..：

---

-webkit-text-size-adjust 在Chrome 27之后不再有效.

尝试使用transform强制缩小字体大小.

font-size:12px;
transform: scale(0.833);/*10/12=0.833, font-size:10px*/

3> Arne Roomann..：

---

根据http://www.google.com/support/forum/p/Chrome/thread?tid=389f306a52817110&hl=zh-CN Chrome支持最小字体大小.如果你"Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences"在文本编辑器中打开,你会看到类似下面的内容吗？:

   "webkit": {
      "webprefs": {
         "default_fixed_font_size": 11,
         "default_font_size": 12,
         "fixed_font_family": "Bitstream Vera Sans Mono",
         "minimum_font_size": 12,
         "minimum_logical_font_size": 12,
         "sansserif_font_family": "Times New Roman",
         "serif_font_family": "Arial",
         "standard_font_is_serif": false,
         "text_areas_are_resizable": true
      }
   }

关闭Chrome,更改最小字体大小以及重新启动Chrome可能会有所帮助.