CSS实现正方形
正方形
以前有人问我怎么实现一个正方形,我就很纳闷!把块属性width和height设置成一样不就好了吗!
//这不就是个正方形
.div {
width:100px;
height:100px
}
但这不是他想要的答案。也许是考虑到自适应的问题吧。
于是,我想到了最近在b站Steven老师那看到他用过的vw vh单位
//vw单位把屏幕宽分为100(vh同理,高)
.div {
width:20vw
height:20vw
}
俺想,酱不就好了吗!
再稍微对样式补充一下,看一下具体效果
&l
原创
2021-01-26 01:21:38 ·
2130 阅读 ·
0 评论