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

Question

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

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

Answer 1

理想情况下，您应尽可能使用百分比，至少在水平面上，因此边距和填充可以与其他内容按比例扩展/缩小 。在小分辨率下，10px边距可能会很好，但对于更大的分辨率，它可能看起来太紧张了。