方法一:
#one {
width: 10%; //宽
height: 0;
padding-bottom: 10%; //相当于高
}
方法二:css单位vw、vh
1、vw:1vw等于视口宽度的1%;
2、vh:1vh等于视口高度的1%。
注意:vh and vw:相对于视口的高度和宽度;
比如:浏览器高度950px,宽度为1920px, 1 vh = 950px/100 = 9.5 px,1vw = 1920px/100 =19.2 px。
.vw{
width: 10vw;
height: 10vw;
background-color: antiquewhite;
}