Adaptation de vue-cli3.0+postcss-px-to-viewport vw

Cela fait plus d'un mois depuis la dernière fois que j'ai écrit sur l'adaptation flexible au terminal mobile PC, et j'ai trouvé les inconvénients :
1. L'adaptation flexible doit s'appuyer sur dpr. Le dpr d'Apple est à peu près le même dans différents modèles, mais Android a trop de marques, et dpr est plein de choses étranges. Par conséquent, flexible lui-même ne s'adapte qu'aux téléphones mobiles Apple et ne s'adapte pas à Android
2. vw est désormais compatible avec la plupart des navigateurs, et il est plus simple et plus clair à utiliser dans les projets vue

1. Installez postcss-px-to-viewport

npm i postcss-px-to-viewport -save -dev

2. Configurez package.json

  "postcss": {
    
    
    "plugins": {
    
    
      "autoprefixer": {
    
    },
      "postcss-px-to-viewport": {
    
    
        "viewportWidth": 1920,//按照图的设计尺寸来
        "minPixelValue": 1
      }
    }
  },

Complet, beaucoup plus pratique que flexible