我正在开发一个需要具有完整背景图像和 650 高度的标题的网站。目前我正在使用背景尺寸:封面;具有 100% 宽度的属性。
虽然它正在工作,但它会在右侧留下一个约 50 像素的尴尬水平滚动。这在较小的分辨率中更为突出。
我也尝试将背景应用于正文而不是标题 div。但同样的事情也发生在那里。
您可以在此处查看预览 - http://nitingarg.com/projects/tfe/
我正在开发一个需要具有完整背景图像和 650 高度的标题的网站。目前我正在使用背景尺寸:封面;具有 100% 宽度的属性。
虽然它正在工作,但它会在右侧留下一个约 50 像素的尴尬水平滚动。这在较小的分辨率中更为突出。
我也尝试将背景应用于正文而不是标题 div。但同样的事情也发生在那里。
您可以在此处查看预览 - http://nitingarg.com/projects/tfe/
实际上是导致滚动的页脚上的填充。它是 100%,内边距为 40 像素。这就是整个页面宽度 + 40px。删除填充或将其设为“填充:20px 0px;” 你应该很高兴。
我检查了你的网页源代码,缩放 100% 它在右侧有大约 50px 的水平滚动,但是当你增加缩放水平时会增加更多。
在我为自己的网站解决同样的问题时尝试下面的 css
.header {
min-width:980px;
height:auto;
margin:0 auto;
}
.container {
width:100%;
height:650px;
margin:0 auto;
}
祝你好运 :)