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

用户7413032

发布于 2020-06-11 16:12:23

5280

发布于 2020-06-11 16:12:23

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

html

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

css

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

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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019年04月02日，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度