css按比例画盒子

方法一：

#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;
		}