1.0em与字体大小的100％相同吗？

Question

我正在尝试调试为什么在jquery-ui中font-size: 1.0em导致我的页面的字体大小变大（超过16px）而我没有对字体进行任何实际的大小调整。好吧，在Firebug中，我看到手风琴很奇怪。

在基地，它有font-size: 1.0em但稍后被font-size: 100%覆盖。这会导致字体大小调整的某些问题吗？我始终认为100%与1.0em

相同

Answer 1

是

1em和100%意思相同（对于font-size） - “与父元素相同的字体大小”（这与用户拥有的字体大小不同）除非你在谈论HTML元素，否则选择。）

使用em时，Internet Explorer中存在错误，并且从视图菜单中选取的字体大小不是medium。

Answer 2

是的，em和百分比在字体大小方面是可以互换的。

在没有代码的情况下，我无法确定你的情况会出现什么问题，但它可能与嵌套字体大小有关：

<div style="font-size: 150%;">
    This text is at 150% of the base.

    <div style="font-size: 100%">
        This text is the same size as the text above.
    </div>
</div>

Answer 3

em基于每个浏览器的用户数定义。因此，em被定义为在浏览器的不同设置或用户偏好中的可访问性。

根据浏览器中的用户偏好设置，这意味着1em可以是16px或10px。

如果您希望更好地控制字体大小，请使用px代替em。