Html 背景尺寸：封面是否拉伸背景图像？

背景尺寸：封面在CSS中拉伸背景图像？

是的。如果这不是你要找的，请考虑使用包含。以下是一个简单的指南：

---

它可以根据图像和背景大小拉伸或收缩。 它将裁剪与div大小不匹配的额外部分。 假设您有一个具有

400*250

的div，背景图像是

400*350

。如果使用

background size:cover

，则要覆盖所有背景，需要裁剪100px额外高度

• 或者，如果使用200*150背景图像，则覆盖所有 背景需要将图像扩展到最小400*300 （200:150=2:1.5，乘以2等于400*300，注意如果高度 增加，宽度也将按比例增加）

• 如果我们将图像设置为200*150到333.33*250，则不会覆盖宽度。（不过 身高可以）

• 如果使用的背景图像大小u是800*500或200*125或与之相同的比例，则图像的任何部分都不会被削减，您将看到 整体形象

• 对于8000*500大小的图像，它将被压缩以覆盖400*250大小的背景，不会减少任何部分，但图像将被压缩以适合

---

最后，background size cover属性将放大或压缩图像，直到所有背景都被覆盖，它不在乎图像会有多浪费。

为什么不试试看？更好的是，我有一个应用程序，它有一个可重新调整大小的窗口，我希望背景图像可以缩放，以填充背景而不拉伸。您能帮我做这个吗？是-->否-->不可以。@Temaniaff如果可以。@MARSHMALLOW在不拉伸图像的情况下尽可能大地缩放图像。如果图像的比例与元素不同，则会垂直或水平剪切图像，以便不留空白。（注意无拉伸）@MARSHMALLOW和from the Spec（）：将图像缩放到最小大小，同时保留其固有的纵横比（如果有），以便其宽度和高度都可以完全覆盖背景定位区域。（请注意，保留其比率==无拉伸）