使背景图像100%宽度并向下滚动。（CSS）

我有一张3800x2000大小的图片。我现在想在CSS中做的是使3800的宽度始终与浏览器的宽度完美匹配，并始终显示图像的完整高度。这意味着我必须用鼠标向下滚动才能看到图像的结尾。我说的是背景图片。事先非常感谢。

其实很简单

旧CSS解决方案

img{
宽度：100%；
}

---

使用
背景尺寸：100%2000px
如果您想保持高度精确到2000px，或者如果您想在不改变纵横比的情况下包含bg图像（在您的情况下，图像大小将变为<窗口高度。因此，无需滚动查看img端），请使用
背景大小：contain
。如果是身体背景，您希望它覆盖身体，则使用
background:cover

仅使用css就不可能在相对于背景图像的高度上具有元素比例。如果你坚持使用背景图像，有一个“黑客”解决方案。但我建议您使用
标记并更改其样式属性


使用绝对位置，您可以将图像移动到页面上任何其他内容的后面，并将其用作仍然影响页面长度的“背景图像”（您可以使用broswer向下滚动以查看图像的结尾）

此外，如果尚未设置，请确保将
的边距设置为0。不这样做会导致不必要的水平滚动。
首先，非常感谢大家的回答。在多个屏幕上测试，效果非常好的是

<img src="bg.jpg" style="width: 100%; position: absolute;"/>



那是为了我。再次感谢您。
嘿！非常感谢您的解决方案，它工作得非常完美，但我忘了写我在这里谈论的是背景图像，我很抱歉！你也有解决办法吗？谢谢大家!@用户3877230是的，这应该仍然有效。如果它没有查看cover/contain@user3877230，我已经更新了我的答案。这是不完全可能的，因为
背景图像
用于背景，无法修改
div
高度。您可以使用复杂的JavaScript解决方案，或者切换到
img
。嘿，非常感谢，但这只适合宽度的背景，而不会使高度可滚动。我确实把它放在背景中，就像css的主体{}一样。
<img src="bg.jpg" style="width: 100%; position: absolute;"/>