Html 响应式CSS:em'；s的大小不会小于<；0.5em

我正在使用CSS@media queries编写我的第一个响应式布局。我已经将

添加到我的html中，因此我有一系列严格的基于设备宽度的字体大小布局。而且，我正在使用em（希望）通过

html、body{width/height:100%；font size:1em}

提供最稳定的浏览器大小调整

在我最小的例子中，我想把

标记放在<0.5em范围内相对较小的em处。然而，一旦我低于这个数值，它就不再调整大小。我能看到的唯一选择是切换回像素，并使用一些小的10px量

---

也许我可以用另一种方式来思考这个问题？或者我可能在em的规格中遗漏了一些东西。任何建议都很感谢。

浏览器都有一个基本字体大小。一般来说，这应该在14px和18px之间。如果未指定正文字体大小，1em将等于默认字体大小。然而，你的例子对我很有用，0.5em=14-18px=>7-9px的50%。这太小了，无法正确阅读

参考：

您可以指定更大的字体大小（例如，24px），在这种情况下，0.5em将等于12px，这很小，但仍然可以

附加说明：小心设置

html，正文{
字号：1em；
}

对我来说（在谷歌浏览器中），这产生了一个不同（更小）的字体大小

正文{
字号：1em；
}

大多数浏览器都有无法覆盖的“最小字体大小”设置。在Opera中，默认最小大小为9px。由于正文文本的默认字体大小为16px，.5em将计算为8px。

能否在JSFIDLE上发布一些示例代码供我们查看？