首页 > 代码库 > 盒子图片自适应

盒子图片自适应

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

<div style="height:auto;width:50%;">
<img src="http://www.mamicode.com/dog.jpeg" style="width:100%;"/>
</div>

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

技术分享
技术分享

盒子图片自适应