移动端适配flexible.js

2019-08-14 09:50:43来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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值
 
 

原文链接:https://www.cnblogs.com/monica4/p/11229024.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML连载25-通配符选择器&amp;选择器综合练习

下一篇:css常用代码大全