rem 和 vw 简介

147 阅读1分钟

①rem:根元素(html)的 font-size 值的相对大小,vw:viewport(屏幕)宽度的 1%;
②rem 是一个相对单位,更改根元素 font-size 的大小,所有以 rem 为单位的元素都会随之放大缩小,需要通过 js 计算根元素 font-size 的大小;vw 自带自适应属性,可以绕过 js 设置;
③前后端分离项目可以引入 postcss-px-to-viewport 插件,自动将 px 转为 vw;