css实现宽高比固定小技巧

padding-bottom是按照父元素的宽度比计算的,而不是按高度算,所以这里可以用溢出的padding-bottom来做（padding-top也可以）

.image-header
    position relative
    width 100%
    height 0
    padding-top 100%   //image-header的高度就和他父容器的宽度是一样的
    img 
        position absolute
        top 0
        left 0
        width 100%
        height 100%   

参考文章：http://zihua.li/2013/12/keep-height-relevant-to-width-using-css/