Q

什么是高度？

2010-08-09 122 views 18 likes

18

我还不清楚他们的尺寸是什么意思？
我已经在CSS中工作过px，pt。
0.8,1.0和1.2是什么意思？
我已经看到CSS的高度如下： height：0.8em;或身高：1.2em;
它是如何计算的？什么是高度？

2010-08-09 happyhardik

+3

除了EMS，可以测量在ENS和EXS距离。 – 2010-08-09 15:39:21

+1

“em vs px”问题：http://stackoverflow.com/questions/609517/why-em-instead-of-px – 2014-07-13 16:31:32

A

回答

26

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

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

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

当用于指定字体大小时， em单位是指的字体大小父元素。所以，在前面的例如，h1 元素的字体大小设置为是body元素的字体大小的两倍。要查找的h1元素的字体大小会是，我们需要知道 body的字体大小。因为没有指定样式表，所以浏览器必须从其他地方找到 - 看看的好地方在用户的偏好中。因此，如果用户将普通字体大小设置为10分，则元素的大小为20分。这使文档标题相对于周围的文字相对突出。因此：始终使用ems设置字体大小！

2010-08-09 07:22:15 simplyharsh

+1

真棒解释:) +1 – 2010-08-10 05:18:09

2

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

2010-08-09 07:13:53

+1

实际上并非如此，这是一个城市神话:-)有些字体甚至不是_have_一个“m”，甚至那些具有他们的'm'的宽度有时小于em的宽度：http://en.wikipedia.org/wiki/Em_%28typography%29 – paxdiablo 2010-08-09 07:17:38

+1

这不是一个城市神话，它只是一个不推荐使用该术语。 http://www.adobe.com/uk/type/topics/glossary.html#ememspaceemquad – dreamlax 2010-08-09 07:33:34

17

1EM是等于到当前字体大小。

2em表示2倍当前字体的大小。例如，如果元素以12磅的字体显示，那么'2em'是24点。在“时间”是在CSS中一个非常有用的单元，因为它可以自动适应读者使用

这里有一个链接到其他CSS单位的字体：

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

2010-08-09 07:16:32

3

1EM等于当前字体大小。 2em表示当前字体大小的2倍。例如，如果一个元素以12磅的字体显示，那么'2em'是24点。 'em'是CSS中非常有用的单位，因为它可以自动适应读者使用的字体。

2010-08-09 07:18:00 Sotiris

2

保罗是正确的，但其 “M” 而不是 “M”。然而，这是一个来自排版/印刷的深奥定义，在这种情况下不是很有用。根据什么将会对你有用，你的字体大小的百分比。

2010-08-09 07:19:43 prodigitalson

+1

不，他真的不是:-) – paxdiablo 2010-08-09 07:20:25

+0

那么我正准备澄清neraly究竟是什么它在维基文章中说你链接到如此:-P – prodigitalson 2010-08-09 07:21:32

2

Em是一个字符的大小。它会根据字体大小而有所不同。如果字体大小是24，那么2Em将等于它应该占用两个字符大小为24的字符的空间。

正如引用自wiki。

em是排版的字段中的度量单位。本单元定义了字母宽度和高度相对于当前字体的点大小的比例。

FYI： 恩是EM的一半。 0.5Em

2010-08-09 07:20:02

相关问题