自适应纯CSS图片宽度高度始终保持比例
自适应例如九宫格，图片或者DIV特别是图片宽度100%，如何让高度也能始终保持一个比例？避免出现高低不齐的现象！
1、利用JS控制，监听图片的宽度，再设置图片的高度
2、纯CSS设置图片宽度和高度始终保持比例
2.1、原理：利用padding-top（padding-bottom）的百分比计算是根据层宽度的宽度计算的，如层宽度100px，padding-top:20%就是20px；设置一个外层padding-top（padding-bottom）的空白空间，让内层去填充！如设置一个始终保持正方形的图片，将父层设置padding-top（padding-bottom）100%，宽度100%，高0