我正在开发一个需要带有完整背景图片和标题的标题的网站。 650高度。 目前我正在使用background-size:cover;宽度为100%的物业。
然而,它正在工作,它在右侧留下了约50px的尴尬水平卷轴。在较小的分辨率中哪个更突出。
我尝试将背景应用于body而不是header div。但同样的事情也发生在那里。
你可以在这里看到预览 - http://nitingarg.com/projects/tfe/
答案 0 :(得分:1)
它实际上是页脚上的填充导致滚动。这是100%,填充40px。这就是整页宽度+ 40px。删除填充或使其“填充:20px 0px;”你应该好好去。
答案 1 :(得分:0)
我检查了你的网页源代码,缩放100%它右侧有大约50px的水平滚动但是当你增加水平缩放时会增加更多&更多。
尝试下面的CSS,因为我为自己的网站解决了同样的问题
.header {
min-width:980px;
height:auto;
margin:0 auto;
}
.container {
width:100%;
height:650px;
margin:0 auto;
}
祝你好运:)