Html 字体大小不影响值0.1到0.4 em

我有一个控件，可以帮助用户自己更改字体大小。但html上的字体大小不影响大小值从0.1到0.4em。我使用的是谷歌Chrome 27.0.1453.110m版

HTML

---

em

是相对字体大小。如果将示例放在另一个具有大字体集的div中，您会注意到在0.1-0.4em范围内确实看到了更改，因为它的计算结果是一个合理的实际字体大小（高于浏览器的最小值）

HTML

请参阅以获取示例

编辑

---

从JSFIDLE在评论中提供的示例代码来看，问题似乎是“为什么某些字体大小设置具有相同的效果”，而不是没有效果：

<div>
<span style="font-size: 0.1em;">Home</span>
<span style="font-size: 0.2em;">Home</span>
<span style="font-size: 0.3em;">Home</span>
<span style="font-size: 0.4em;">Home</span>
<span style="font-size: 0.5em;">Home</span>
</div>

您将看到这些单词都有不同的字体大小

---

最后，如果您将

div

的字体大小设置为与浏览器的最小字体大小相同，则

font size

设置确实无效。

每个浏览器中都有一个。如果你想覆盖它，你可以看看。你想详细介绍一下你正在测试的浏览器吗？在OSX10.8上的safari 6.0中工作良好请参见：测试code@Antony，最小字体大小设置不会阻止设置的效果；它只是限制了它的效果，这样你就不会低于设定的限度。不可复制。实际上，您的意思是字体大小受

字体大小设置的影响，但大小缩减比您预期的要小吗？请具体说明：您的基本字体大小设置是什么，以及您为其设置的元素中的字体大小是什么
字体大小：0.3em
，如果您将该值更改为，例如
0.7em
，会产生什么影响？@Jukka：这是源代码。每个项目都有不同的字体大小，但除了最后一个项目外，它们看起来都一样。您可能也在
这个
中提到了您的小提琴链接，它看起来不错，而且不会过度拉伸您的代码。我不同意哪一个看起来更好。。。但这并不重要。我相信这是一个在meta上争论过的区别。@jcsanyi:谢谢你的回答。有没有办法让它在没有包含它的div的情况下工作？因为我只在em中为.outer设置字体大小，或者不在我的案例中使用它。我建议不要将
em
用于字体大小，除非您为外部容器定义了确切的字体大小<代码>em
类似于百分比。。。因此，如果你没有指定一个确切的fontsize，那么你的网站就建立在用户浏览器默认设置的基础上。尝试改用
pt
。与上面的@jcsanyi注释相关，您始终可以在
正文
或
html
标记上设置基本字体大小。
span.text_menu_link {font-size: 0.3em;}

<div class=outer>
<span class="text_menu_link">Home</span>
</div>

.outer {font-size: 30pt;}
span.text_menu_link {font-size: 0.3em;}

<div>
<span style="font-size: 0.1em;">Home</span>
<span style="font-size: 0.2em;">Home</span>
<span style="font-size: 0.3em;">Home</span>
<span style="font-size: 0.4em;">Home</span>
<span style="font-size: 0.5em;">Home</span>
</div>

div { font-size: 120px }