Css 如何将对象拟合：contain ALL应用于div？

有一种方法可以调整图像大小，使整个图像适合框架，使图像的长边与框架对齐

h2{
字体系列：Courier New，monospace；
字号：1em；
边缘：1米0.3米；
}
div{
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
调整项目：灵活启动；
高度：940px；
}
img{
宽度：150px；
高度：100px；
边框：1px实心#000；
}
.狭窄{
宽度：100px；
高度：150像素；
边缘顶部：10px；
}
.包含{
对象匹配：包含；
}

对象匹配：包含

您必须使用类似于

vh

或

%

的单位手动执行此操作；没有允许在CSS中维护未替换内容的纵横比的属性。看看

vh

是否能解决问题，并解决您的问题。至于信箱效应，那将是更多的附加样式。