html - 背景颜色停在 100%，但当屏幕必须向右滚动时则不会。任何想法如何解决

Question

这是一个更普遍的问题；但我在一些网站上注意到(包括 stackoverflow)，当内容不在屏幕上时，用户必须滚动到正确的背景图像/颜色停止在屏幕 View 的 100%。除了设置最大和最小宽度之外，还有人知道如何解决这个问题吗？

这是两个不同网站的谷歌文档，用于解释我在说什么。

https://docs.google.com/document/d/133Uek4Fd3G3eB6Zz4CNomPGzARevCUg4fAV4Xhvin-o/edit?usp=sharing

Answer 1

Josh C 的回应恰到好处。如果具有背景颜色的元素的最小宽度与内容宽度(在 stackoverflow 的情况下为 980px)相匹配，那么问题就会得到解决。这不仅是最简单的方法，而且可能是最佳实践)

如果您不想为使用百分比的元素设置最大值和最小值，您的替代方法是不在元素上设置固定宽度(在堆栈溢出的情况下，它的内容宽度固定为 980px，大多数其他东西都是流动的)。

如果 content 和它的 child 使用 max-width 而不是 width 这个问题就会消失。

或者，正如 lookingGlass 指出的那样，响应更流畅。添加断点，以便当您的窗口大小低于/高于您的理想值时，网站会进行调整。