Answer 1

Answer 2

满足单位

1. “Ems”（em）：“em”是一个可扩展的单元，用于Web文档 媒体。 em等于当前的font-size，例如，如果是 文件的字体大小是12pt，1em等于12pt。 Ems是 本质上是可扩展的，所以2em等于24pt，.5em等于6pt， 由于以下原因，Ems在Web文档中越来越受欢迎 可伸缩性和移动设备友好性。

2. 像素（px）：像素是屏幕中使用的固定大小的单位 媒体（即在计算机屏幕上阅读）。一个像素是相等的 计算机屏幕上的一个点（你的最小部分） 屏幕的分辨率）。许多网页设计师在网络中使用像素单元 文档，以产生像素完美的表示 它们在浏览器中呈现的网站。一个问题是 像素单位是因为视力不佳而无法向上扩展 读者或向下适合移动设备。

3. 积分（点）：积分传统上用于印刷媒体（任何东西 即印刷在纸上等）。一点等于1/72 一英寸。点很像像素，因为它们是固定大小的 单位，不能缩放。

4. 百分比（％）：百分比单位与“em”单位非常相似，除了a 几个根本区别。首先，目前 font-size等于100％（即12pt = 100％）。在使用时 百分比单位，您的文本仍然可以完全扩展到移动设备 和无障碍。

那么，有什么区别？

当你看到它们在行动中时，很容易理解字体大小单位之间的区别。通常，1em = 12pt = 16px = 100％。使用这些字体大小时，让我们看看当您将基本字体大小（使用正文CSS选择器）从100％增加到120％时会发生什么

正如您所看到的，随着基本字体大小的增加，em和百分比单位都会变大，但像素和点数不会增加。可以很容易地为文本设置绝对大小，但访问者可以更轻松地使用可在任何设备或任何计算机上显示的可伸缩文本。因此，em和百分比单位是Web文档文本的首选。

Em vs.百分比

我们已经确定点和像素单元不一定最适合Web文档，这使我们得到em和百分比单位。从理论上讲，em和百分比单位是相同的，但在应用中，它们实际上有一些很小的差异，这些差异很重要。

在上面的示例中，我们使用百分比单位作为基本字体大小（在body标签上）。如果您将基本字体大小从百分比更改为ems（即body {font-size：1em;}），您可能不会注意到差异。让我们看看当“1em”是我们的正文字体大小时，以及当客户端改变其浏览器的“文本大小”设置时会发生什么（这在某些浏览器中可用，例如Internet Explorer）。

当客户端的浏览器文本大小设置为“中”时，ems和百分比之间没有区别。但是，当设置改变时，差异非常大。在“最小”设置中，ems远小于百分比，并且当处于“最大”设置时，它恰好相反，ems显示远大于百分比。虽然有些人可能认为em单元正在按照它们真正意图进行扩展，但在实际应用中，em文本会突然缩放，最小的文本在某些客户端计算机上变得难以辨认。

来自http://kyleschaeffer.com

的信息

Answer 3

1 em =从您的文档字体大小获取字体大小。它本质上是相对的。

100％=从文档字体大小获取大小。

一般

12磅= 1EM = 100％= 16px的

在最佳实践中使用％，因为它相对于您的宽度，它会自动调整设备到设备。

Answer 4

如果您需要有关人们如何根据px和em进行计算的详细信息，那么您自己做出决定，可以查看此文http://joomla2x.com/difference-px-em-web-htmlcss/