js/css px , em , rem , vh , vw 的区别

1.px是绝对单位 1px 就是1像素

2.em：相对单位，

结果：p标签的宽高为120px

 

 

3.rem 相对单位

基准是相对与html 元素的大小

是相对于根元素的的font-size的倍数一个css单位，

也就是前端常说的rem移动端适配，

 样式：

 通过媒体查询，通过视口不同的宽度，来适配元素的大小

 

4.vw/vh是视口的相对单位

相对于视口的宽高。视口被均分为100单位的vh

vw：1vw等于视口宽度的1%。

vh：1vh等于视口高度的1%。

 /*  width: 50vh相当于视口高度的50% */
    div {
       width: 50vh;
       height: 100px;
    }