正方形
以前有人问我怎么实现一个正方形，我就很纳闷！把块属性width和height设置成一样不就好了吗！
//这不就是个正方形
.div {
width:100px;
height:100px
}
但这不是他想要的答案。也许是考虑到自适应的问题吧。
于是，我想到了最近在b站Steven老师那看到他用过的vw vh单位
//vw单位把屏幕宽分为100(vh同理，高)
.div {
width:20vw
height:20vw
}
俺想，酱不就好了吗！
再稍微对样式补充一下,看一下具体效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.square {
width: 20vw;
height: 20vw;
background-color: blueviolet
最低0.47元/天 解锁文章
1653
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
