image.png
根据屏幕宽度设置 样式, 但比较影响开发效率

使用rem

w3c引入rem 、

image.png

image.png

lib-flexible会根据设备屏幕宽度来 动态计算根元素 实际的font-size值

npm i px2rem-loader -D

npm i lib-flexible -S 因为在运行中要直接使用它

remUnit : 75 表示 一个rem就是 75px, 比较适合750的设计稿

remPrecision: px转换成rem的小数点位数

image.png

内联 lib-flexible