Css 图：我需要100%的高度比100%的宽度更重要

基本上，我有一个图像，需要保持100%的高度，无论屏幕大小，所以它的反应，它可以切断左侧和右侧（只是不是顶部和底部）

我目前有图像设置为高度和宽度都响应，但在一定的宽度和高度，它会切断图像的顶部和底部

这是我的CSS：

.banner{
    width:36%;
    float:left;
    min-height: 100vh;
    height: 100%;
}

.banner img {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

PHP（Wordpress）：

---

外卖物品的安装和更改为自动：

.banner img {
    display: block;
    width: auto;
    height: 100vh;
}

---

或对象填充，但这会使图片倾斜，您确定不希望将其作为背景图像吗

谢谢你的回复。当我将高度更改为100%时，图像不再具有垂直响应，宽度设置为图像的高度。发生情况的示例：&

.banner img {
    display: block;
    width: auto;
    height: 100vh;
}