页面元素在视口外部被切断

Question

我正在处理一个我正在研究的网页问题，我发现很难描述。在小浏览器窗口中查看时，当水平滚动到浏览器视口外的内容时，页面会被切断。是什么导致这个问题？怎么修好？提前谢谢。

以下是我在野外发现的问题的一个例子：

值得注意的是，我不会使用媒体查询来实现此页面的响应式设计。

Answer 1

您可能已将某些内容设置为width: 100%，但您在主体上没有设置min-width，这会导致100％宽的元素仅与窗口一样宽

尝试这样的事情：

body {
  min-width: 960px;
}

或者无论页面的最小宽度是什么。