Nuxt中Rem适配

简介: Nuxt中Rem适配

1、nuxt.config.js

postcss: {
   
   
  plugins: {
   
   
    'postcss-pxtorem': {
   
   
      rootValue: 37.5,
      propList: ['*']
    }
  },
  preset: {
   
   
    autoprefixer: true
  }
}

2、创建 flexible.js 文件

见文件flexible.js

3、plugins

创建 lib-flexible.js 文件。

import 'amfe-flexible'
目录
相关文章
umi 中如何使用 px2rem 插件做rem适配
在umi的src下面创建两个文件app.ts和document.ejs
332 0
|
4月前
|
JavaScript
|
5月前
|
前端开发
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
696 0
|
6月前
|
前端开发
uni-app学习笔记-引入全局uni.css和flex布局(七)
uni-app学习笔记-引入全局uni.css和flex布局(七)
619 0
|
资源调度
umi如何利用postcss-px-to-viewport做移动端布局?
先下载postcss-px-to-viewport npm i postcss-px-to-viewport yarn add postcss-px-to-viewport
304 1
|
JavaScript 前端开发
Vue3中使用rem布局
不急,一步一步来
788 0
使用 sass + rem + flexible.js 实现大屏自适应
使用 sass + rem + flexible.js 实现大屏自适应
209 0
使用 sass + rem + flexible.js 实现大屏自适应
|
前端开发 C++
CSS之轻松实现rem适配
CSS之轻松实现rem适配
388 0
CSS之轻松实现rem适配
|
JavaScript 数据可视化
vue项目的pc端适配vw vh rem( postcss)
vue项目的pc端适配vw vh rem
467 0
vue项目的pc端适配vw vh rem( postcss)