当前位置: 首页 > Web前端 > vue.js

Nuxt移动端适配

时间:2023-04-01 11:24:31 vue.js

根据有赞vant官网提示,使用了两个插件postcss-pxtorem和lib-flexible。以下是有赞官网的提示。第一步:用yarn安装上面两个插件。第二步:在nuxt.config.js的构建中需要配置引用postcss-pxtorem第三步:将flexible.js放在static/js中,在nuxt.config.js的head中引用。具体方法是从node_modules中找到amfe-flexible,复制index.js,重命名为flexible.js,放到static/js中,然后在head中引用,就大功告成了。字体和元素大小会根据屏幕大小自动变化注意:只有当元素使用rem单位时,元素才会自动适配屏幕