移动端css解决图片高度无法百分比问题妙用

移动端布局，div按比例布局，宽度为百分比，高度和宽度一样，即让div为正方形

html

<div>一个正方形</div>

css

div{
    width:100%;
    height:0;
    padding-top:100%;
}

如此便可实现一个正方形，完美解决移动端！