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

2020-06-11 16:12:23 浏览数 (1)

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

html

代码语言：javascript复制
<div>一个正方形</div>

css

代码语言：javascript复制
div{
    width:100%;
    height:0;
    padding-top:100%;
}

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

css html 布局 移动端

0 人点赞