我在一个网站上工作,它需要一个带有完整背景图像和 650 高度的标题。 目前我正在使用 background-size: cover;宽度为 100% 的属性。
虽然它正在工作,但它在右侧留下了大约 50 像素的笨拙水平滚动条。这在较小的分辨率中更为突出。
我也尝试将背景应用于正文而不是标题 div。但同样的事情也发生在那里。
你可以在这里看到预览 - http://nitingarg.com/projects/tfe/
最佳答案
实际上是页脚上的填充导致了滚动。它是 100%,带有 40px 的填充。这就是整页宽度 + 40px。删除填充或将其设为“padding: 20px 0px;”你应该可以开始了。
关于html - 使用 :cover; adds horizontal scroll 的完整背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13898718/