在固定宽度布局中使用'em'尺寸单位的宽度，高度，填充，边距，线高的优缺点是什么？

Question

在我的项目中，我使用em仅使用body {62.5%}调整字体大小？

使用这种方法我可以很容易地计算出em值。

那么，如果我使用em尺寸单位来确定宽度，高度，填充，边距，线高，甚至内嵌图像以及固定宽度布局的字体，那么有什么利弊？

Answer 1

对于优秀的设计师来说，Ems是很棒的单位。这一切都取决于你所采取的像素完美。由于大多数前端程序只会从设计人员那里获得一个图像（也许是一个.psd文件），因此将每个像素保持为似乎是个好主意。哪个好，除了你不能依赖网页浏览器完美的像素。

想象一下，使用不同字体的浏览器或具有不同方面的字体。想象一下，用户放大默认字体或放大（使用那些只放大字体的浏览器）。在px中设置的边距仍会显示您给出的精确px值。基于em的边距将根据字体大小进行拉伸。

此外，他们并没有那么难以合作。定义基本字体大小和行高，并将其应用于您（当然，在重置良好之后）。然后仅为标题更改它（您不应该有超过6个标题）以及更改字体大小（侧边栏或页脚）的任何区域。您将进行3或4次计算，每个人都会很高兴：）

Answer 2

如果您了解em如何工作，那么您可以做任何与像素相关的事情，例如更多的计算。

实际上你可以做更多的事情，例如，如果你有一个h1标题你可以在em中指定行高和底部边距，它们总是反映那个标题的字体大小。当您增加标题的字体大小时，也会增加边距和行高。

例如，这可用于创建动态vertical rhythm。

此外，如果您以相对单位构建完整的网站，则可以在旧版浏览器中实现缩放效果等。

但是对于现代浏览器，如果你有能力不支持像IE6这样的behemonts你可以使用绝对单位并仍然可以获得整页缩放。

Answer 3

Em-sizing对于液体布局很有用，但对于固定布局则不太适用。并不是说它没用，但使用像素更容易设置固定布局。您当然可以继续使用ems进行字体大小调整。

Answer 4

最大的缺点是缩进和文本块与使用em-sizing的不同大小的字体对齐。很难准确排列 - 如果这对你很重要（应该是这样）。