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

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

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

    原文作者:moxiaojing
    原文地址: https://segmentfault.com/a/1190000009987557
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞