css - Mobile Safari 右侧的白色填充/边距

Question

我检查了其他主题，但我似乎无法弄清楚。在这里测试这个网站:http://www.mf.jlscs.com/

在 Mobile Safari 的纵向 View 中，我可以向右滚动到空白的白色填充。我不想要这个。

在横向 View 中，此滚动不存在，它呈现为我想要的样子。

我不知道是什么导致了这个神秘的推送。我试图消除 overflow-x，但这并没有奏效。如果我消除每个容器上的 overflow-x，那么页面中的每个容器都允许发生同样的效果。有什么想法吗？

Answer 1

只是给一些 div 添加边框会导致布局发生变化。将此添加到您的 css 底部以查找流氓元素:

* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}

我还制作了一个小书签，它通过 javascript 执行此操作，因此可以轻松地在任何站点上使用。 http://blog.wernull.com/2013/04/debug-ghost-css-elements-causing-unwanted-scrolling/