vue开发当中移动端中css常用相对单位

css中常用的单位是px（像素），因为px 是一个绝对的单位，不能随着手机屏幕大小的改变而改变，所以就用到了各种各样的相对单位

相对单位：

em：基准点为父节点的字体大小

body{
width:100em;
height:100em;
}

rem：相对根元素字体大小来计算，比如html元素

body{
width:100rem;
height:100rem;
}

vw：可视口的宽度，是视口宽度的1%来计算

body{
width:100vw;
}

vh：可视口的高度，是视口高度的1%来计算

body{
height:100vh;
}

vmin：是可视口宽度和可视口高度比较，取最小的那个值

body{
width:100vmin;
height:100vmin;
}

vmax:是可视口宽度和可是口高度比较，取最大的那个值

body{
width:100vmax;
height:100vmax;
}