Question

正如您在此处所见：http://www.responsinator.com/?url=www.vaneldijk.nl在较低分辨率的设备上有一个额外的空间。我已经尝试使用firebug和webmaster工具栏来找出导致这种情况发生的原因，但到目前为止还没有运气。 CSS可以在这里找到：http://www.vaneldijk.nl/sites/all/themes/prestige/css/style.css。

我已经建立了大量没有这个问题的响应式网站，所以希望有人可以帮助我。

Answer 1

更改它会使页面宽度为100％。

#wrap .inside, #footer .inside {
text-align: left;
width: 100%;
}

Answer 2

经过大量测试后，我终于找到了解决方案。确保你的包装元素（所以你身体中的直接元素）在你的CSS中有一个'overflow：hidden'声明。例如，这是你的HTML：

<body>
<div id="wrap">Your website content</div>
</body>

你的CSS应该是这样的

#wrap{
overflow:hidden;
}

这将删除Opera中的奇怪空间。