css中常见的单元
我们利用css的长度单元，最常用的是px。其实，css中除了px 之外，还有良多长度单元。今天就跟各人分享一下。
css中长度单元的分类
我们把css中的长度单元分红两类。
一类是绝对长度单元。
绝对长度单元不受其他任何工具的影响，在差别的分辩率下，它也会连结差别的大小。
在现实生活中，如许的单元有良多，好比m，cm等，但是在前端代码中，我们只要一个绝对长度单元，就是px（像素）
一类是相对长度单元
相对长度单元，是相关于此外参考决定自己的长度大小。
好比，基于氟元素的字体大小，或者视口的大小。
利用相对单元的益处是，就在差别的页面上都有相对一样的规划。好比当你的屏幕变大的时候，能够同步的停止缩放。
相对单元之em
em相对的是自己的font-size，若是本身没有设置font-size，会相当于父元素的font-size
那个现实开发中很少用
相对单元之rem
rem相对的是html标签的font-size
操纵rem能够比力便利的做适配。好比在差别的屏幕尺寸下，只需要修改html的font-size，所有利用rem的单元城市响应改动。
目前支流挪动端开发已经不利用了，但是仍是有公司在利用，好比淘宝。
相对单元之vw和vh
vw全称就是viewport width，vw就是相关于视口的宽度。1vw 就是百分之的视口宽度。好比你视口宽度是1200px， 那么1vw = 12px
所以100vw在任何时候，都是100%宽度。
.box{
width: 100vw;
height: 100vh;
background: greenyellow;
0