55

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

4

5 回答 5

47

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

于 2010-03-05T10:04:28.230 回答
27
  1. 像素 ( px) 取决于浏览器。它是您在屏幕上看到的绝对大小。
  2. Em有点像百分比。Ems 是指基本文本大小。的值与 的值的1 em含义相同100 percent。但你也可以用相反的方式说：百分比值只是em乘以 100。
  3. Points( pt) 是您希望在印刷媒体中使用的。
于 2010-03-05T10:11:38.587 回答
16

CSS 长度单位：

  • 绝对值：英寸（in）、厘米（cm）、毫米（mm）、点（pt）、皮卡（pc）

点是标准的印刷测量，打印机和排字机使用了几十年，文字处理程序使用了很多年。传统上，一英寸有 72 个点（点是在公制广泛使用之前定义的）。因此，设置为 12 磅的文本的大写字母应为六分之一英寸高。例如，p {font-size: 18pt;} 等价于 p {font-size: 0.25in;}。

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

仅当浏览器知道显示页面的监视器的所有详细信息、正在使用的打印机或任何其他用户代理可能适用的情况时，这些单元才真正有用。在 Web 浏览器上，显示受显示器尺寸和显示器设置的分辨率的影响，作为作者，您对这些因素无能为力。绝对单位在定义打印文档的样式表时更有用，在这种情况下，以英寸、点和 picas 来衡量事物是很常见的。如您所见，尝试在网页设计中使用绝对测量是危险的。

  • 相对：em（em-height），ex（e-height），px。前两个代表和“x-height”，它们是常见的印刷测量；但是，在 CSS 中，如果您熟悉排版，它们的含义可能会出乎您的意料。

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

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

px：显示器中的小颜色框是像素。一般来说，如果你声明类似font-size: 18px的东西，Web 浏览器几乎肯定会在你的显示器上使用实际像素，它们已经存在，但对于其他显示设备，如打印机，用户代理将不得不重新缩放像素长度的东西更明智。换句话说，打印代码必须计算出一个像素中有多少个点，为此，它可能会使用 96ppi 参考像素。

结论

由于这种重新缩放的潜力，像素被定义为相对测量单位，即使在网页设计中，它们的行为很像绝对单位。

Rrefrence: css 由 eric meyer 提供的明确指南

于 2014-06-10T08:06:45.463 回答
11

px,em 和 ex 有什么区别？

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

当您在 css 中定义字体大小时，我使用 px、pt 还是 em？

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

于 2010-03-05T10:01:59.557 回答
1

em : The em is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt.

px : Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution).

pt : Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1/72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.

于 2014-12-19T11:16:05.400 回答