如果我使用<h1>或padding: 1.2em设置padding: 10%元素的样式，则相对于：
<h1>元素的字体大小？<h1>元素的高度？ em和%是不同的？
答案 0 :(得分：20)
em和%确实有所不同：
填充大小相对于该元素的计算字体大小。
因此，如果<h1>的计算字体大小为16px，那么1.2 ems的填充= 1.2×16像素= 19.2像素。
填充大小相对于该元素的内容区域的宽度（即内部宽度，不包括元素的填充，边框和边距）。
因此，如果您的<h1>宽度为500px，则10％填充= 0.1×500像素= 50像素。
（请注意，顶部和底部填充也将是元素宽度的10％，不元素高度的10％。）
答案 1 :(得分：0)
“em”单位始终参考字体大小。有关CSS单位的参考，请参阅http://w3schools.com/cssref/css_units.asp。
答案 2 :(得分：-1)
您可能会发现以下内容：
“Ems”（em）：“em”是一个可扩展的单元，用于Web文档媒体。 em等于当前的字体大小，例如，如果文档的字体大小为12pt，则1em等于12pt。 Ems本质上是可扩展的，因此2em等于24pt，.5em等于6pt等。由于可扩展性和移动设备友好性，Ems在Web文档中变得越来越流行。
像素（px）：像素是在屏幕媒体中使用的固定大小的单位（即，要在计算机屏幕上阅读）。一个像素等于计算机屏幕上的一个点（屏幕分辨率的最小分度）。许多网页设计师在网络文档中使用像素单元，以便在浏览器中呈现网站时生成像素完美的网站表示。像素单元的一个问题是它不会向视力不佳的读卡器向上扩展，也不向下扩展以适应移动设备。
积分（点）：积分传统上用于印刷媒体（任何要在纸上印刷的东西等）。一点等于1/72英寸。点与像素非常相似，因为它们是固定大小的单位，无法按比例缩放。
百分比（％）：百分比单位与“em”单位非常相似，除了一些基本差异。首先，当前的字体大小等于100％（即12pt = 100％）。使用百分比单位时，您的文本仍可完全扩展到移动设备和可访问性。