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

Question

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

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

Answer 1

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