如何在CSS3中按高度缩放背景？

我知道我可以使用cover或contain值作为“background size”属性，但这是否可以按窗口高度缩放背景

我试过了

background-size: auto contain

background-size: cover contain

---

这两个词都不起作用。

包含的

和
封面
关键字是用来自己使用的；你不能将它们仅用于背景图像的宽度或高度，也就是说，你不能将它们两个放在一起。此外，这两个值将始终根据图像的纵横比缩放图像

如果要保留图像的纵横比，同时使整个图像在框中可见（包含），只需自行指定
contain
：

background-size: contain;

如果要仅保留背景图像的原始宽度，并沿其包含框拉伸其高度，而不保留图像的纵横比，则必须以像素为单位指定其宽度，并为其高度指定100%

因此，对于200像素宽的背景图像，您将使用：

background-size: 200px 100%;

别忘了给你的图片一个合适的
背景位置
和
背景重复
BoltClock//谢谢你的帖子。不，我想保留图像的纵横比。这里有一个例子。这是js版本…哦…我怎么会错过这个…谢谢！！