Durch die Anpassung des mobilen Endgeräts wird px automatisch in rem umgewandelt

Funktion setRem () {
        let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; //Bildschirmbreite von HTML und Body ermitteln document.documentElement.style.fontSize= htmlWidth/7.5 + 'px'; //Schriftgröße auf einem 750-Bildschirm auf 100 Pixel einstellen, damit das konvertierte REM auf einen Blick sehen kann, wie viele Pixel es vorher waren. Sie können die Bildschirmgröße für die Entwicklung auswählen, 3,2 mit einer Bildschirmbreite von 320 ist ebenfalls akzeptabel.
      }
      setRem();
      window.onresize = function () { //Durch Ändern der Browsergröße wird die Funktion window.onresize ausgelöst, und anschließend die Funktion setRem ()
        setRem()
      }

'postcss-pxtorem': {
  rootValue: 100, //Einstellung der Größe des Stammelements, d. h. HTML-Schriftgröße unitPrecision: 5, //Wie viele Dezimalstellen sollen in rem beibehalten werden? propList: ['*'], //Dies ist eine Liste der Eigenschaften, die konvertiert werden. Hier ist sie auf ['*'] all eingestellt. Wenn Sie nur den Rahmen festlegen müssen, können Sie ['*', '!border*'] schreiben.  
  selectorBlackList: ['.radius'], // ist ein Array zum Filtern von CSS-Selektoren. Wenn Sie es beispielsweise auf ['fs'] setzen, wird beispielsweise der Klassenname fs-xl, der px-Stil nicht konvertiert. Das Schreiben regulärer Ausdrücke wird hier ebenfalls unterstützt.
  replace: true, //Ich weiß wirklich nicht, wofür das verwendet wird. Wer es weiß, kann es mir bitte sagen mediaQuery: false, //Nicht gültig in Medienabfragen (wie @media screen) minPixelValue: 12 //Pixel kleiner als 12 werden nicht konvertiert}