问:css如何实现一个自适应的正方形?
七娃博客
825人阅读
css如何实现一个自适应的正方形盒子?并且宽度未知,高度未知,不能写死,要求宽高为弹性单位%。
.box2{ width: 30%; height: 0; padding-bottom: 30%; }
height为0,是为了防止高度自动撑高;
padding-bottom的高度和width一样,保证是个正方形,不变形;而且不能用 padding-top,否则,内容被撑出!
.box2{ width: 30vw; height: 30vw; }
主题开源不易,支持一下作者吧!
使用支付宝打赏
使用微信打赏
评论 | 0 条评论
登录之后才可留言,前往登录