4

据我所知，CSS 中的 em 关键字表示字体的当前大小。

所以如果你放 1.2 em，就意味着 120% 的字体高度。

尽管 em 像 YUI 网格一样用于设置 div 的宽度等，但这似乎并不正确：

margin-right:24.0769em;*margin-right:23.62em;

每次我读到它们时，我都会忘记它真正代表什么。

我希望有人可以向我解释它，所以它会留在我的脑海里。

4

5 回答 5

11

从历史上看，它是字体中“M”的宽度。由此得名！在 CSS2.1 中，它被定义为与 font-size 相同。

在许多情况下，使用 em 而不是点或像素似乎更自然，因为它与字体大小有关。例如，您可以定义一个宽度为 40em 的文本列。如果您稍后决定更改字体大小，该列仍将保持每行相同数量的字母。

于 2008-09-27T19:03:20.473 回答
4

传统上，em 是大写字母 M 的宽度。但实际上，em 是字体的磅值。

破折号与破折号。

于 2008-09-27T19:02:16.310 回答
3

它确实意味着字体的大小，但将其用于宽度/高度对于创建随字体大小缩放的设计很有用。现在大多数浏览器都可以进行整页缩放，这变得不那么有用了。在他们只能更改文本大小之前，使用 em 作为宽度/高度也可以让这些元素缩放。

于 2008-09-27T18:59:32.870 回答
1

一个 em 大小与其包含的元素成正比。

例如：

<!-- Browser default size (usually 16px) -->
<div style="font-size: 1.00em;">
    <!-- 150 % of the container's size: 16 + (16/2) = 24 -->
    <div style="font-size: 1.50em;">

这个编辑器让我记住了它（关于它是如何工作的）。

于 2008-09-27T19:23:50.143 回答
0

他们正在重新计算精确的像素值以em使其具有可扩展性。

例如，请参阅此在线计算器。

于 2008-09-27T19:02:01.177 回答