流体布局中的Ems或像素？

Question

我正在创建一个应该在不同设备上工作的新网页，我正在使用流畅的布局。我应该在流体布局中使用像素或ems来获取字体大小吗？填充物等怎么样？

Answer 1

对于流体布局，您需要使用百分比。像素与显示器分辨率相关，EM与字体大小和像素密度相关。但是，百分比是相对于放置它们的窗口的大小（或它们的父级宽度）。因此，它是流动性的最佳选择。你的填充也可以是百分比，只要记住这些值是相对的，所以当间距相等时它会变得棘手。

对于字体，ems是完全可以接受的，因为它们基于字体本身。此外，通过使用字体的ems，您可以通过更改文档字体大小来缩放整个网站的字体。

Answer 2

如果您使用em，则可以对不同的设备宽度使用css媒体查询。

在正文字体大小上使用px，在其他所有内容上使用em意味着所有字体大小都相对于正文。然后，您可以包含仅增加或减少正文字体大小的媒体查询，并且所有其他字体大小将相对于其更改。

然后，您还可以添加Web辅助功能按钮，以增加视力障碍者的字体大小。该按钮也会改变正文字体大小（再次更改相对于它的所有其他字体）。

Em一路走来！

（额外编辑） 此外，如果您正在考虑深度字体大小，您还可以考虑您网站的垂直节奏/基线。看看这些链接：

http://alistapart.com/article/settingtypeontheweb

http://typecast.com/blog/4-simple-steps-to-vertical-rhythm

为身体设置px，然后为所有其他字体大小，线高，边距等设置em将使您能够在保持静音节奏的同时创建流畅的设计。坏蛋。

Answer 3

我找到了＆＃39; ems＆＃39;最好在流体布局或任何布局中使用。