设置等宽高容器,具体大小不定
相等宽高容器,具体大小不确定,可随着父级大小变化,或屏幕大小变化
里面图片自动撑开容器大小
//html
<div class="img_box">
<img src="img/1.jpg">
</div>
//js
.img_box{
width:100%;
height:0;
padding-top:100%;// height为0,padding-top的100%是依据width的
}
img{
width:100%;
height:100%;
}