Css 最小高度（）和最大高度有何不同？

在调整屏幕大小时，在相同的精确流体图像上使用以下css声明会产生不同的结果：

img {
 width: 100%;
 height: min(100vh, 850px);
 object-fit: cover;
}


img {
 width: 100%;
 max-height: 850px;
 object-fit: cover;
}

---

两者都提供了最大高度，但为什么在较小的视口上会产生不同的结果？

要使它们相同，您需要在第二个视口中添加

高度：100vh

：

img {
 width: 100%;
 height: min(100vh, 850px);
 object-fit: cover;
}


img {
 width: 100%;
 max-height: 850px;
 height: 100vh;
 object-fit: cover;
}

---

我假设在较小的视口中，在第一种情况下，高度始终设置为100vh，在第二种情况下，由于并没有声明高度，所以它按比例缩放以改变元素的宽度。