Question

我还不清楚它们的大小是什么意思？
我在CSS中使用了px，pt 0.8,1.0和1.2 em意味着什么？我在CSS中看到了高度，如：身高：0.8em;或身高：1.2em;
它是如何计算的？

Answer 1

多年来，“em”的含义发生了变化。并非所有字体都包含字母“M”（例如，中文），但所有字体都有高度。因此，该术语是指字体的高度 - 而不是字母“M”的宽度。

让我们看一个简单的例子，我们使用em单位来设置字体大小：

<html>
  <style>
    h1 { font-size: 2em }
  </style>
  <body>
    <h1>Movies</h1>
  </body>
</html>

用于指定字体大小时， em单位指的是字体大小父元素。所以，在以前例如，h1的字体大小 element设置为字体的两倍 body元素的大小。找到什么 h1元素的字体大小是的，我们需要知道的字体大小 body。因为没有在中指定样式表，浏览器必须找到它来自其他地方 - 一个好地方看是在用户的偏好。因此，如果用户设置正常字体大小为10分，h1的大小元素是20分。这使得文件标题脱颖而出到周围的文字。因此：始终使用ems设置字体大小！

More Info

Answer 2

1em 等于 当前字体。

2em意味着当前字体大小的2倍。

例如，如果元素显示为12 pt的字体，则'2em'为24 pt。 'em'是CSS中非常有用的单元，因为它可以自动适应阅读器使用的字体

以下是其他CSS单元的链接：

http://www.w3schools.com/cssref/css_units.asp

Answer 3

1em等于当前的字体大小。 2em意味着当前字体大小的2倍。例如，如果元素显示为12 pt的字体，则'2em'为24 pt。 'em'是CSS中非常有用的单元，因为它可以自动适应阅读器使用的字体。

more here

Answer 4

em是字母“m”的宽度（以您当前的字体和大小）。

Answer 5

保罗是正确的，但它的“M”不是“m”。然而，这是从排版/印刷中得出的深奥定义，并且在这种情况下没有多大用处。就什么对你有用而言，它是一个字体大小的百分比。

Answer 6

Em是一个角色的大小。它会根据字体大小而有所不同。如果字体大小为24，那么2Em将等于保存字体大小24的两个字符所需的空间。

引自wiki。

em是测量单位排版领域。这个单位定义字母宽度和比例相对于点大小的高度当前字体。

<强>供参考：恩是Em的一半。 0.5Em

Answer 7

em表示“短暂单位”，它相对于其父元素的当前字体大小。例如，<h1>标题中的文本默认为2em。这是由于<h1>从其父元素（文档的<body>）继承了其文本大小。如果我将<body>的字体大小设置为16px（字体大小：16px;）。我的<h1>是2em，它将继承32px的大小，因为2em是1em的两倍。在这种情况下1em = 16px，所以2em = 2x16px = 32px。现在，如果您使用以下内容创建HTML文档

<body>
<h1>Hello world</h1>
<p>Lorem ipsum</p>
</body>

然后您定义以下CSS规则。

body {font: normal 16px Arial, Helvetica, sans-serif;}

在网络浏览器（Chrome中打开页面并打开浏览器开发工具（ctrl+shift+I），您将看到<h1>的默认字体大小为2em。您还将在“样式”选项卡上看到它是“继承自正文”。在此情况的开发工具中，您仍然可以在Box Model图上看到<h1>边距的顶部和底部边距为21.440px。如果查看<h1>的CSS默认值，您会看到margin-block-start: 0.67em;和margin-block-end: 0.67em;记住，大小是相对于父元素的字体大小而言的，所以0.67em是相对于{{ 1}}字体大小而不是<h1>的字体大小，您可以通过一点数学来验证，即0.67em x 32px = 21.440px，这是<body>在盒子模型图。有关更多信息，请尝试http://www.123webconnect.com/convert-px-em.php

什么是高度？

7 个答案: