css - 响应式设计 - 百分比、像素和 em

Question

我开始构建一个应该响应不同屏幕尺寸的网站。我正在使用 Fluid Baseline Grid 模板，该模板使用列的百分比并使用媒体查询根据屏幕尺寸进行调整。现在我正在添加我自己的自定义 CSS，我想知道我是否应该使用像素、百分比或 em 来定位我的元素(在流体网格元素中)。例如，div 之间的边距和填充、输入字段的宽度等。字体大小和行高是唯一设置为使用 em 进行测量的内容。

任何人都可以提供任何指示吗？目前，我倾向于仅在网格模板预设的基于百分比的布局中使用像素。

Answer 1

理想情况下，您应该尽可能使用百分比，至少在水平面上，这样边距和填充可以随其余内容成比例扩展/收缩。 10px 边距在小分辨率下可能很好，但在大得多的分辨率下可能看起来太紧了。