我正在使用CSS @media查询编写我的第一个响应式布局。我已将<meta name="viewport" content="width=device-width">添加到我的html中，因此我有一系列基于设备宽度的严格字体大小布局。而且，我正在使用 em 来（希望）通过html, body {width/height:100%; font-size: 1em}为最一致的浏览器调整大小。
在我最小的情况下，我想将<h2>标记放在<＆lt;＆lt;＆gt;范围内的相对较小的 em 中。 0.5em。但是，一旦我低于该数量，它就不再调整大小。我能看到的唯一选择是切换回像素并使用一些小的10px量。
也许我可以用不同的方式思考这个问题？或许我在 em 的规格中遗漏了一些东西。任何建议都表示赞赏。
答案 0 :(得分：1)
浏览器都具有基本字体大小。通常，应该在14px和18px之间。如果未指定正文字体大小，则1em将等于默认字体大小。您的示例适用于我，但是，0.5em = 50％的14-18px =＆gt; 7-9px。这太小了，无法正确阅读。
参考：http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/
您可以指定更大的正文字体大小（例如，24px），在这种情况下，0.5em将等于12px，这很小，但仍然可以。
附加说明：设置
时要小心html, body {
font-size: 1em;
}
对于我（在谷歌浏览器中），这产生了与
不同的（较小的）字体大小body {
font-size: 1em;
}
答案 1 :(得分：0)
大多数浏览器都有“最小字体大小”设置，无法覆盖。在Opera中，默认的最小大小为9px。由于正文文本的默认字体大小为16px，因此.5em将计算为8px。