移動端px自動轉化爲rem

注:不轉換的px用大寫PX代替css

lib-flexible

  • 做用:讓網頁根據設備dpr和寬度,利用viewport和html根元素的font-size配合rem來適配不一樣尺寸的移動端設備
  • 安裝:cnpm i lib-flexible --save
  • 引入:入口文件main.js中:import 'lib-flexible/flexible'
  • 安裝:cnpm install px2rem-loader
  • 配置px2rem-loader:在build文件中找到util.js,將px2rem-loader添加到cssLoaders

在generateLoaders方法中添加px2remLoaderhtml

參考:http://www.javashuo.com/article/p-cuozpbrn-cc.htmlnpm

pxtorem:

  • 做用:將項目中的css的px轉換成rem單位
  • 安裝:cnpm add postcss-pxtorem
  • 配置:package.json內,在postcss內添加

參考:https://www.jianshu.com/p/8350b611e5bbjson

相關文章
相關標籤/搜索