如何用与图像高度无关的图像覆盖div？

Question

（！）这个问题可以被认为是重复的，但是，没有找到任何可以作为最多10个主题的解决方案 - 我很抱歉，我试图找到这个特定的解决方案情况;

让我解释一下这个问题，

我会留下一张可以帮助您理解问题的图片：

我有一个全宽div，页面高度改变后高度会发生变化 此div包含覆盖它的全宽图像，因此您可以在以下屏幕截图中看到：

所以我尝试将其设为全宽和全高，与父母的身高无关
（一旦它的高度取决于屏幕顶部和底部之间的距离，它就很容易变化 - 因此，只要我们改变屏幕的高度，参考的div也会改变div的高度）;

问题在这里产生：
当屏幕在 1：2（宽度：高度）的宽度和高度之间接收到比例时，图像将在页面宽度后重新调整大小（这是img的最大值）宽度）不足以填补高度，不按我的意愿填充div，因为您可以在以下屏幕截图中验证：

（红色部分是图像的父div）

• 我将在javascript / jquery / css
中搜索解决方案
• 不鼓励使用图像作为背景，并且它不像我之前尝试的那样工作
• 任何提示或指示都将受到高度赞赏和赞扬;
• 如果您发现此主题具有攻击性或规则断路器，请通知我，一旦我不想发送此精彩社区，我就可以删除此问题。

提前致谢！ （接受我对这个长期问题的道歉）

祝福，祝愿 弗拉基米尔

Answer 1

您正在寻找的财产是：

background-size: cover;（用于背景图片）;
object-fit: cover;（适用于常规图片）;

ps：对象图片的容器必须有overflow: hidden