注:不轉換的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