px，em和ex之间有什么区别？

Question

px，em和ex之间有什么区别？当您在CSS中定义font-size时，是使用px，pt还是em？

Answer 1

  

em ：相关字体的font-size    ex ：相关字体的x-height    px ：相对于查看设备的像素

Answer 2

1. 像素（px）取决于浏览器。它是您在屏幕上看到的绝对大小。
2. Em有点像百分比。 Em指的是基本文字大小。 1 em的值与100 percent的值相同。但你也可以用相反的方式说出来：百分比值只是em乘以100。
3. 点数（pt）是您希望在印刷媒体中使用的。

Answer 3

  

px，em和ex有什么区别？

http://www.w3.org/TR/CSS21/syndata.html#length-units描述了CSS中可用的那些和其他长度单位

  

当您在css中定义font-size时，我会使用px，pt还是em？

根据经验，在屏幕上使用百分比，使用pt进行打印。

Answer 4

CSS长度单位：

• 绝对：英寸（ ），厘米（ cm ），毫米（ mm ），点（ pt ），picas（ pc ）

积分是打印机和排版机构数十年来使用的标准印刷测量，以及多年来的文字处理程序。传统上，有72个点到一英寸（在广泛使用度量系统之前定义了点）。因此，设置为12点的大写字母应为六分之一英寸高。例如，p {font-size：18pt;}相当于p {font-size：0.25in;}。

Picas 是另一个印刷术语。异食癖相当于12个点，这意味着有6个皮卡到1英寸。如图所示，设置为1 pica的大写字母应为六分之一英寸高。例如，p {font-size：1.5pc;}会将文本设置为与点定义中的示例声明相同的大小。

仅当浏览器知道显示页面的显示器的所有详细信息，您正在使用的打印机或其他可能适用的其他用户代理时，这些单元才非常有用。在Web浏览器上，显示受显示器大小和显示器所处的分辨率的影响，作者可以对这些因素做出的贡献不大。 绝对单位在定义打印文档的样式表时非常有用，其中以英寸，点和皮卡为单位进行测量很常见。正如您所见，尝试在网页设计中使用绝对测量充其量是危险的。

• 相对： em （em-height）， ex （e-height）， px 。前两个代表和“x高度”，这是常见的印刷测量;但是，在CSS中，如果你熟悉排版，它们就有你可能没想到的含义。

em ：一个“em”被定义为给定字体的 font-size 的值。如果元素的字体大小是14像素，那么对于该元素，1em等于14像素。

ex ：指的是所用字体中小写x 的高度。因此，如果您有两个段落，其中文本大小为24磅，但每个段落使用不同的字体，则每个段落的ex值可能不同。这是因为不同的字体对于x

具有不同的高度

px ：显示器中的小盒子颜色是像素。一般来说，如果你声明像 font-size：18px 这样的东西，那么网页浏览器几乎肯定会使用显示器上的实际像素，它们已经存在但是与其他显示设备一样，如打印机，用户代理必须将像素长度重新缩放为更明智的。换句话说，打印代码必须弄清楚像素中有多少个点，为此，它可以使用96ppi参考像素。

<强>结论

由于这种重新缩放的可能性，像素被定义为相对测量单位，即使在网页设计中，它们的行为与绝对单位非常相似。

Rrefrence: css the definite guid by eric meyer

Answer 5

em ：em是一个可扩展的单元，用于Web文档媒体。 em等于当前的字体大小，例如，如果文档的字体大小为12pt，1em等于12pt。

px ：像素是屏幕媒体中使用的固定大小的单位（即要在计算机屏幕上阅读）。一个像素等于计算机屏幕上的一个点（屏幕分辨率的最小分度）。

pt ：传统上在打印介质中使用点（任何要在纸上打印的内容等）。一点等于1/72英寸。点与像素非常相似，因为它们是固定大小的单位，不能缩放。