为什么我的移动网站向左滚动到很多白色 space

Why does my mobile site scroll left to lots of white space

我真的很难理解为什么我的网站的纵向移动版本向左滚动!

我已经删除了 header 图片,它非常大,但宽度仍然向屏幕右侧滚动!

我在我的 head 标签中应用了通用视口代码并尝试了 css 宽度,但无济于事。

我的网站的移动版本不应向左或向右滚动。

关于是什么元素/@media set-up 导致移动设备出现此宽度问题的任何线索 css?

danieltuffour.com

非常感谢!

快速浏览一下开发人员面板,您现在正在使用 min-width:900px,它始终保持 900px 的宽度,而不管 width 标签的设置如何到。最简单的修复方法是执行以下操作:

#mediacontainer {
  min-width:100%;
  /* other css... */
}

这样,内容将始终是视口宽度的 100%。现在,另一种选择是在元素上设置 max-width 以防止它溢出屏幕:

#mediacontainer {
  width:900px;
  max-width:100%;
  /* other css... */
}

此方法允许您指定 900 像素,但如果没有 900 像素可供使用,则会阻止它以这种方式显示。