当滚动条不存在时，为什么我的网站在移动设备上的显示方式不同

Question

当从iPhone或iPad查看我的网站时，我的网站在当前滚动条时显示正常。但是，当您不需要滚动条时访问页面时，显示会变得混乱。我不知道如何解决这个问题。有什么想法吗？

例如，我的网站是www.surfboardswap.com。主页在移动设备上显示正常。但是，如果您访问www.surfboardswap.com/alerts，则显示不适合页面，因为不需要滚动条。

感谢您的帮助！

Answer 1

在我看来，您提供的这些链接都会使用滚动条进行渲染，具体取决于浏览器屏幕的宽度。我认为你在这里的最终问题是响应式设计。

您的.container css选择器上设置了宽度。这会破坏您网站的响应能力，因为即使在较小的屏幕上也会被迫使用该宽度。尝试删除它！