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

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

最佳答案

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

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