我正在研究 http://preview.j64e7zzvo82p4x6r4fdjze6piimmfgviwsruf9j89pidaemi.box.codeanywhere.com/并且几乎完成了响应。
但出于某种原因,当浏览器的宽度小于 991px 时,它会在右侧创建空白。所有内容都将与屏幕大小对齐,但在一天结束时,您仍然可以向右滚动并看到一个大的黑色背景,因为所有的空白。
我认为是尺寸上的图像对于视口(viewport)来说太大了,但即使在删除图像、向图像添加 img-responsive 类以及其他修复尝试后,该网站仍然存在这个问题
是什么导致了所有这些空白?
最佳答案
#ctaButtons
的规则具有固定宽度。尝试将其替换为 auto
:
#ctaButtons {
width: auto;
height: 120px;
padding: 20px;
margin: 0 auto;
}
关于html - 整个网站响应但仍然可以向右滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31122800/