我在可调整大小的div中有一个图像,如下所示:
#img_wrapper{
resize: both;
overflow: hidden;
background-color:gray;
height:15rem;
width:15rem;
min-height:15rem;
min-width:15rem;
user-select:none;
}
#img_testing{
display:block;
position:relative;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70%;
}
<div id="img_wrapper">
<img src="https://i.ibb.co/zJvjmKs/icon.png" id="img_testing">
</div>
我试图将图像的纵横比保持在div调整后的大小上
例如: