页面元素在视口外切断

Question

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

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

这可能是好注意，我不会使用媒体查询来实现这个页面响应式设计来。

Answer 1

机会是你有一些设置为width: 100%，但你没有在身体上设置min-width，这导致100％宽元素只有窗口一样宽。

尝试这样：

body { 
    min-width: 960px; 
} 

或任何页面的最小宽度。