A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

npm install lib-flexible --save
npm install px2rem-loader --save-dev


rule
.use('px2rem-loader')
.loader('px2rem-loader')
.options({emUnit:37.5})

正常移动端范围是375到750
我们这样设定就是让1rem为37.5px
相当于将页面(375px)分成十份,每一份就是1rem(37.5px)
rem就是相对于根元素,即<html>



import 'lib-flexible/flexible.js'

这样我们就可以按照设计图的px来做了,他会根据屏幕大小帮我们转换为对应的rem值

2 个回复

倒序浏览
有任何问题欢迎在评论区留言
回复 使用道具 举报
或者添加学姐微信DKA-2018
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马