图片预占dom位置，防止页面二次计算高度

html:

<div class="img">
    <img src="1.png" />
</div>

stylus:

.img
   position relative
   width 100%
   height 0
   padding-top 100%
   img
      position absolute
      top 0
      left 0
      width 100%
      height 100%

原理：

就是相当于设置了img父元素的div宽、高都是100%，其中核心思想是高根据宽度来计算的