比例固定的响应式图片笔记

<div>
    <img>
</div>

div{
  width:100%;
  padding-bottom:50%;
  height:0;
  overflow:hidden
}
img{
  width:100%
}

用此方法可实现，关键点在于padding-bottom，百分号的意思为高度为宽度的百分多少