nuxt3和vant的移动端适配，并解决页面刷新的闪烁问题.........

前言

  我是真的不想做SEO...
  
  小菜鸟一个，文笔也差劲很，第一次通过文章的形式记录项目中碰到的一些问题，大家多担待......
  
  目前在做的一个项目，需要做seo，nuxt就是vue一个开箱即用的ssr框架，目前nuxt3也是已经rc6了，作为勇士，我决定直接用Nuxt3，勇一下！
  
  我知道当中肯定会碰到很多不同的...奇奇怪怪的...网上查不到的...问题，所以我想用文章的形式把我碰到的一些问题记录下来，不知道对不对，是不是最优解，但是只要能帮到大家我就很开心了，当然如果是错的，别喷我昂，还希望大家指正！如果有更好的办法，还希望大家不吝赐教！

移动端适配方案

  我目前在做的这个项目是一个移动端H5项目，正常的H5是全屏适配只在移动端访问的
  
  但是我这个项目是需要移动端和PC端都可以访问，也就是相当于一套代码去适配两个端

 干货-具体做法

方案1：REM布局  postcss-pxtorem
截图为VantUI提供的REM布局方案

postcss-pxtorem这个插件就是将项目中的px单位转换为rem单位

lib-flexible是设置rem基准值

 方案1.1 标准H5上的REM布局
   

 1.安装postcss-pxtorem

npm install postcss postcss-pxtorem --save-dev

2.设置postcss-pxtorem

我们以设计图为375为例

nuxt.config.ts

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  postcss: {
    plu