右边的空白区域无法弄清楚是什么造成的

Question

我试图让这个网站自适应（没有响应），但对于我的生活，我不能让右侧的空白消失在移动设备上。我尝试了各种视口，还改变了容器，菜单和体宽的宽度。

我可以看到菜单突然显示，但菜单右侧有一部分是空白的：

网址：barbican.metricdesign.net

Answer 1

将标题内的container div更改为100％宽度，将side-footer宽度更改为100％。您有min-width这两个项目，以及标题容器上定义的1040px px宽度。这会导致页面在收缩超过1040px时水平滚动，从而创建您看到的空白区域。

.container {
   width:100%;
}

.side-footer {
   width:100%;
}