Vant+postcss-pxtorem implementiert Browser-Anpassungsfunktion

npm installiere postcss-pxtorem --save

modul.exporte = {
 "Plugins": {
 	//"postcss-import": {},
  //"postcss-url": {},
  "Autopräfixer": {
   Browser: ['Android >= 4.0', 'iOS >= 7']
  },
  "postcss-pxtorem": {
   "RootValue": 32,
   "Eigenschaftenliste": ["*"]
  }
 }
}

Konstante Basisgröße = 32
// Setze die Rem-Funktion function setRem () {
 // Das Skalierungsverhältnis der aktuellen Seitenbreite im Verhältnis zur Breite 750, das nach Bedarf geändert werden kann.
 const scale = document.documentElement.clientWidth / 750
 // Schriftgröße des Stammknotens der Seite festlegen document.documentElement.style.fontSize = (baseSize * Math.min(scale, 2)) + 'px'
}
// setRem() initialisieren
//Reset rem beim Ändern der Fenstergröße
Fenster.onresize = Funktion () {
 setRem()
}

importiere "./rem.js"

(Funktion (doc, win) {
 var docEl = doc.documentElement
 var resizeEvt = 'Orientierungsänderung' im Fenster? 'Orientierungsänderung' : 'Größe ändern'
 var neu berechnen = Funktion () {
  var Clientbreite = docEl.Clientbreite
  if (!Clientbreite) return
  wenn (parseInt(20 * (Clientbreite / 320)) > 35) {
   docEl.style.fontSize = 35 + "px"
  } anders {
   docEl.style.fontSize = 20 * (Clientbreite / 320) + 'px'
  }
 }
 wenn (!doc.addEventListener) return
 win.addEventListener(resizeEvt, neu berechnen, false)
 doc.addEventListener('DOMContentLoaded', neu berechnen, false)
})(Dokument, Fenster)

importiere "./rem.js"

// Das Skalierungsverhältnis der aktuellen Seitenbreite im Verhältnis zur Breite 750, das nach Bedarf geändert werden kann.
$rem: (640/750)/40;
Körper{
	Breite: $rem * 24rem;
}