技术笔记01——css单位（px, em, rem, vh, vw, vmin, vmax）
px：像素，绝对单位
em：相对于父元素的大小
rem：相对于html的大小（chrome默认html的font-size为12px，设置小于12px时，以12px计算）
vh/vw：相对于视窗的高度和宽度，1vh等于视窗高度的1%
vmin/vmax：vw和vh中较小或者较大的那一个，如下：
<html>
<head>
<title>title</title>
<style>
.p1{
width:50vmin;
height:50vmin;
background: #aaffaa;
}
</style>
</head>
<body>
<div class="p1"></div>
</body>
</html>