CSS：如何使背景图像100%的高度，并保持纵横比

我在更小的设备宽度上遇到了问题，因为div变得更方形，并且更少横向。div的背景图像设置为背景大小：cover；所以它只占div顶部60%的高度和100%的宽度

如何将背景图像设置为覆盖div高度的100%，但保持其纵横比，以便部分背景图像被切断

---

如何对齐背景图像，使其右侧位于div的右侧，并使背景图像的左侧被div的左侧切断。

添加背景位置以设置较小设备的图像位置

{background-position: right top;}

---

背景大小的另外两个可能值是contain和cover

contain关键字将背景图像缩放为尽可能大，但其宽度和高度必须适合内容区域。因此，根据背景图像和背景定位区域的比例，可能存在背景图像未覆盖的一些背景区域

cover关键字缩放背景图像，使内容区域完全被背景图像覆盖，其宽度和高度均等于或超过内容区域。因此，背景图像的某些部分可能在背景定位区域中不可见

根据您的要求，您可以使用上述任何一种

并保持纵横比的使用

 {object-fit: cover}

---

身高：100%；宽度：自动？？哦，是的。。在这个例子中为你的图像做一个div:D，或者把它添加为imgcan，你能提供你的html吗？因为它可能需要的不仅仅是css来实现：不使用封面，而是100%自动。。。？