设置等宽高容器,具体大小不定

相等宽高容器,具体大小不确定,可随着父级大小变化,或屏幕大小变化
里面图片自动撑开容器大小

//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%;
}

posted @ 2020-01-21 17:17  10年码农  阅读(97)  评论(0编辑  收藏  举报