黑马程序员技术交流社区

标题: 【上海校区】移动端如何适配flexible.js [打印本页]

作者: 梦缠绕的时候    时间: 2019-7-24 16:49
标题: 【上海校区】移动端如何适配flexible.js
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值


作者: 梦缠绕的时候    时间: 2019-7-24 16:49
有任何问题欢迎在评论区留言
作者: 梦缠绕的时候    时间: 2019-7-24 16:50
或者添加学姐微信DKA-2018




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2