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