html - 页面元素在视口之外被截断

Question

我正在处理的网页有问题，我觉得很难描述。当在一个小的浏览器窗口中查看时，页面会在水平滚动到浏览器视口之外的内容时被切断。是什么导致了这个问题？如何修复？提前致谢。

这是我在野外发现的问题的一个示例：

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

Answer 1

很有可能你已经设置了一些东西width: 100%，但是你没有min-width在 body 上设置，这会导致 100% 宽的元素只和窗口一样宽。

尝试这样的事情：

body {
  min-width: 960px;
}

或者无论页面的最小宽度是多少。