vue中使用flexible.js移动端自适应方案 - Qhhh的个人博客
flexible的使用
1、先安装 postcss-plugin-px2rem 和 lib-flexible
npm i --save postcss-plugin-px2rem
npm i --save lib-flexible
2、在main.js引入
import 'lib-flexible/flexible'
3、在vue.config.js配置
module.exports = {
css: {
loaderOptions: {
stylus: {
'resolve url': true,
'import': [
'./src/theme'
]
},
postcss: {
plugins: [
require('postcss-plugin-px2rem')({
rootValue: 37.5, //换算基数,rootValue的值应该设置为你当前开发下屏幕的宽度/10(例:屏幕宽度为375,则设置为37.5),之后就可以在css直接使用px,插件会自动转换成相应的rem。
// exclude: /(node_module)/, //默认false,可以(reg&