页面超出移动设备的视口
Page extends beyond the viewport on mobile devices
我花了 2 天时间弄清楚为什么 page - 在移动设备上查看时会超出视口。
似乎至少有一个宽度为 830px 的元素 - 但我无法找到是哪一个。
如果有人发现问题出在哪里，我也很想知道如何排查此类问题。因为我检查了检查器，但我找不到任何相关的东西——它可能是某个地方的 1px 元素高度...
编辑 --
我找到了问题，你有一个 width: 800px; 关于这个 class：#socialnetworks .socialnetworks_menu。
要查找此类问题，只需尝试删除开发工具中的元素，直到找到问题区域，然后努力缩小范围。
旧的解决方案：
将 overflow: hidden 添加到 .footer_bottom 已经解决了我的问题，尽管我看不出是什么将内容推得如此之广。
我花了 2 天时间弄清楚为什么 page - 在移动设备上查看时会超出视口。
似乎至少有一个宽度为 830px 的元素 - 但我无法找到是哪一个。
如果有人发现问题出在哪里，我也很想知道如何排查此类问题。因为我检查了检查器，但我找不到任何相关的东西——它可能是某个地方的 1px 元素高度...
编辑 --
我找到了问题，你有一个 width: 800px; 关于这个 class：#socialnetworks .socialnetworks_menu。
要查找此类问题，只需尝试删除开发工具中的元素，直到找到问题区域，然后努力缩小范围。
旧的解决方案：
将 overflow: hidden 添加到 .footer_bottom 已经解决了我的问题，尽管我看不出是什么将内容推得如此之广。