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

Question

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

HTML

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

CSS

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

Answer 1

em 是相对字体大小。如果将您的示例放在另一个设置了较大字体大小的 div 中，您会注意到您确实看到了 0.1 - 0.4em 范围内的变化，因为它评估为合理的实际字体大小(高于浏览器的最小值)。

HTML

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

CSS

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

参见 this举个例子

编辑

An example setting font-size at the body level