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
307 0
|
3月前
|
JavaScript
|
4月前
|
前端开发
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
603 0
|
5月前
|
前端开发
|
12月前
uni-app学习笔记-引入全局uni.css和flex布局(七)
uni-app学习笔记-引入全局uni.css和flex布局(七)
586 0
使用 sass + rem + flexible.js 实现大屏自适应
使用 sass + rem + flexible.js 实现大屏自适应
200 0
使用 sass + rem + flexible.js 实现大屏自适应
|
前端开发 C++
CSS之轻松实现rem适配
CSS之轻松实现rem适配
384 0
CSS之轻松实现rem适配
|
JavaScript 数据可视化
vue项目的pc端适配vw vh rem( postcss)
vue项目的pc端适配vw vh rem
449 0
vue项目的pc端适配vw vh rem( postcss)
|
Web App开发 JavaScript
WebApp - Rem 自适应 JS 之精简版(flexible.js)
WebApp - Rem 自适应 JS 之精简版(flexible.js)
620 0
WebApp - Rem 自适应 JS 之精简版(flexible.js)
|
前端开发 JavaScript
Vue CLI3 移动端适配 【px2rem 或 postcss-plugin-px2rem】
今天,我们使用Vue CLI3 做一个移动端适配
Vue CLI3 移动端适配 【px2rem 或 postcss-plugin-px2rem】
下一篇
无影云桌面