盒子A中有一个img，当A的宽度大于高度时，img的高度以A的高度为准， 当A的宽度小于高度时，img的高度以A的宽度为准

Question

盒子A中有一个img，我的需求是，
当A的宽度大于高度时，img的高度以A的高度为准，
当A的宽度小于高度时，img的高度以A的宽度为准，
css能实现吗？

Answer 1

通过给img设置如下css就可以：

height: 100%;
width: 100%;
object-fit: contain;

Answer 2

A{
 --width:200px;
 --height:100px;
 width:var(--width);
 height:var(--height);
}
img{
height:max(var(--width),var(--height));
}

这样是不是能满足你的需求。。