为什么我的手机网站左滚动到很多空白

Question

我真的很难理解为什么我的网站的肖像移动版本滚动的方式离开！

我已经删除了相当大的标题图片，但宽度仍然滚动到屏幕的右侧！

我已经在我的头标记中应用了常见的视口代码，并且使用css宽度玩过，但无济于事。

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

任何线索是什么元素/ @媒体设置导致这个宽度问题与移动CSS？

danieltuffour.com

非常感谢！

Answer 1

快速浏览开发人员面板，您现在使用min-width:900px，无论width标记设置为什么，它始终保持宽度为900px。最简单的修复方法是执行以下操作：

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

这样，内容将始终为视口宽度的100％。现在，另一种选择是设置在元件上的max-width这将防止溢出屏幕：

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

这种方法允许你指定900个像素，但禁止它显示这种方式如果没有900使用。