html - 具有固定比例的 CSS 可拉伸(stretch)背景

Question

我有一个具有绝对高度和宽度的 div:

<div style="height: 500px; width: 300px;">

我想放置一个背景图片(宽度 500px；高度 1500px)以适合 DIV 的宽度，但我想让它溢出 div 的高度。我不想失去我的形象的比例。

图像是动态生成的，有时高度小于 div 高度。我需要始终覆盖宽度，不关心高度。

在 CSS 中是否有某种方法可以在不需要使用 javascript 的情况下做到这一点？

background-size: cover 值仅在图像高度小于 div 高度时有效。

我发现了类似的东西:

background-size: 100% default;

Answer 1

应该是

background-size: 100% auto;