移动端布局,div按比例布局,宽度为百分比,高度和宽度一样,即让div为正方形
html
<div>一个正方形</div>
css
div{
width:100%;
height:0;
padding-top:100%;
}
如此便可实现一个正方形,完美解决移动端!
移动端布局,div按比例布局,宽度为百分比,高度和宽度一样,即让div为正方形
html
<div>一个正方形</div>
css
div{
width:100%;
height:0;
padding-top:100%;
}
如此便可实现一个正方形,完美解决移动端!