Html 使用Responsive Webdesign的低分辨率屏幕右侧的怪异空间_Html_Css_Responsive Design

Html 使用Responsive Webdesign的低分辨率屏幕右侧的怪异空间

html css responsive-design

Html 使用Responsive Webdesign的低分辨率屏幕右侧的怪异空间,html,css,responsive-design,Html,Css,Responsive Design,正如您在这里看到的：在低分辨率设备上有一个额外的空间。我曾尝试使用firebug和网站管理员工具栏来找出导致这种情况发生的原因，但到目前为止运气不佳。CSS可在此处找到：我已经建立了大量没有这个问题的响应性网站，希望有人能帮助我。改变这一点，它会使页面宽度达到100% #wrap .inside, #footer .inside { text-align: left; width: 100%; } 经过多次测试，我终于找到了解决办法。确保您的wrap元素（因此您的主体中的直接元素）在css中

正如您在这里看到的：在低分辨率设备上有一个额外的空间。我曾尝试使用firebug和网站管理员工具栏来找出导致这种情况发生的原因，但到目前为止运气不佳。CSS可在此处找到：

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

改变这一点，它会使页面宽度达到100%

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

经过多次测试，我终于找到了解决办法。确保您的wrap元素（因此您的主体中的直接元素）在css中有一个“overflow:hidden”声明。例如，这是您的HTML：

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

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

是的。但这并不能解决问题。奇怪的差距仍然存在。

#wrap{
overflow:hidden;
}