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'
目录
相关文章
|
9月前
umi 中如何使用 px2rem 插件做rem适配
在umi的src下面创建两个文件app.ts和document.ejs
124 0
|
9月前
|
JavaScript 前端开发
Vue3中使用rem布局
不急,一步一步来
548 0
|
10月前
|
移动开发 前端开发
使用 sass + rem + flexible.js 实现大屏自适应
使用 sass + rem + flexible.js 实现大屏自适应
138 0
使用 sass + rem + flexible.js 实现大屏自适应
|
前端开发 C++
CSS之轻松实现rem适配
CSS之轻松实现rem适配
329 0
CSS之轻松实现rem适配
|
JavaScript 数据可视化
vue项目的pc端适配vw vh rem( postcss)
vue项目的pc端适配vw vh rem
352 0
vue项目的pc端适配vw vh rem( postcss)
rem原理以及结合flexible.js使用
rem原理以及结合flexible.js使用
53 0
|
前端开发 开发者 iOS开发
rem- 适配方式|学习笔记
快速学习 rem- 适配方式
153 0
|
Web App开发 JavaScript
WebApp - Rem 自适应 JS 之精简版(flexible.js)
WebApp - Rem 自适应 JS 之精简版(flexible.js)
498 0
WebApp - Rem 自适应 JS 之精简版(flexible.js)