1、padding-bottom 如果用%来表示的话，计算是根据父元素的width的值进行计算的。

　　例：父元素.wrapper的width是100px，height设置为0, padding-bottom的值是50%，则该元素的高是50px

2、 百分比方法适用于的场景：一个图片需要全部显示出来，而且图片本身的宽高比例不变，能够随着屏幕的大小进行变化。

3、实现等比缩放的效果，还可以通过vw来设置，缺点：有的浏览器不支持。

　　下面是例子中css.wrapper中可以替换为

 

.wrapper{      width: 100%;       height: 26.66vw;    }

下面例子可以通过屏幕的缩放来等比的改变图片的宽高。

1  2  3  4     
      5      6   19 20 21 
     
      22   
      23   
      24 
     
25 26