响应式网站宽度为 960 像素还是百分比？

Question

说实话，我是网站建设的新手，虽然我已经阅读了 7 本书。 Ethan Marcotte 的响应式网页设计是最后一个，这很棒。

不过，我被一个问题困住了。如果您构建一个响应式网站而不是使用像素，则使用 %.那么包装纸必须有多宽？我应该给包装器一个 960px 的最大宽度，并且所有其他框架，如标题、导航等，将它们转换为 %？因此，例如标题将为 900/960×100=93.75%。

或者我也必须用 % 来制作包装器。我最初的想法是将 960 除以显示器的分辨率，即 1680 px 宽，因此将是 960 / 1680 × 100 = 57%。

这个数字听起来不合逻辑，因为在超大屏幕上它看起来不正确，或者是吗？

任何帮助将不胜感激。

问候，

雷尼尔

Answer 1

不，这不合逻辑。硬编码像素大小是不安全的，除非是非常小的元素，因为您无法假设用户使用的是哪种屏幕。

Answer 2

对像素大小进行硬编码的原因很少，即使图像也可以很好地放置，而无需硬性的宽度和高度。尽可能尝试使用百分比，但也要记住媒体查询是一件很棒的事情！