热门关键字:
jquery > jquery教程 > html5 > 移动端适配flexible.js

移动端适配flexible.js

371
作者:管理员
发布时间:2020/3/6 15:20:40
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=995

  npminstalllib-flexible--save

  npminstallpx2rem-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值





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:HTML
友荐云推荐