右侧移动Safari白色填充/边距

Question

我已经检查了其他主题,但我似乎无法解决这个问题.在此测试此站点:http://www.mf.jlscs.com/

在Mobile Safari中的纵向视图中,我可以向右滚动到空白,白色填充.我不想要这个.

在横向视图中,此滚动不存在,并且按照我的喜好呈现.

我不知道是什么导致了这种神秘的推动.我试图消除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/

Answer 2

这很可能是由于您的任一结构元素超出了您的身体宽度造成的。寻找类似的代码width: 100%; padding 20px;或者可以让它射出的代码。

我建议在所有主要 div 上放置红色边框，看看哪个是罪魁祸首并延伸到边缘。