盒子图片自适应

Posted 2020-09-20

在盒子中插入图片时，可能会有多种意外情况：图片太大超出盒子，图片太小不协调。可通过css格式设置来解决该问题。

<div style="height:auto；width：50%；">
<img src="../dog.jpeg" style="width:100%；"/>
</div>

修改盒子width属性值即可将图片等比例放大缩小，并且图片不会被剪裁。