在流体（或响应式）网页设计中使用最大宽度

Question

我看到许多流畅的网站在其主要为桌面设计的网页上使用 min-width 和 max-width 属性。当浏览器宽度小于 min-width 时，内容停止收缩，用户必须水平滚动。我可以理解它背后的基本原理。据我了解，这基本上意味着内容的设计使其宽度超过这一点将使其无法使用。这是可以接受的，因为该页面的设计考虑了最小宽度。

但我不能完全理解在主要内容上使用 max-width 属性。这些网站通常会限制内容容器的增长并将其居中。为什么不让它填满屏幕，因为您已经使用百分比而不是像素值？像 Outlook 或 Gmail 这样的网站会填满屏幕，而像亚马逊这样的网站会选择限制宽度并将内容居中。

Answer 1

这只不过是一个设计决定。或者，它们的实施可能没有支持如此宽的视口，这可能会使网站看起来很糟糕。

就用户体验而言，当行太宽时可能难以阅读文本，因此缩短、精简段落是有意义的。