Über 3 gängige Pakete der REM-Anpassung

Exportfunktion rem (doc, win) {
  let docEl = doc.documentElement;
  //Unter Berücksichtigung und Kompatibilität mit Bildschirmrotationsereignissen let resizeEvt = 'orientationchange' im Fenster? 'orientationchange' : 'resize';
  let recalc = Funktion () {
            var Clientbreite = docEl.Clientbreite;
            wenn (!Clientbreite) return;
            wenn (Clientbreite >= 750) {
                 docEl.style.fontSize = "100px";
            } anders {
                 docEl.style.fontSize = 100 * (Clientbreite / 750) + 'px';
            }
      };

   wenn (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false); // An Bildschirmgröße und Drehung anpassen doc.addEventListener('DOMContentLoaded', recalc, false); // Beim ersten Öffnen an die Seite anpassen recalc();
};

Exportfunktion rem() {
  var fz = document.querySelector('html').offsetWidth / 7.5; //Entwurfszeichnung 750 1rem=100px
  document.querySelector('html').style.fontSize =
    fz <= 100 ? fz + 'px' : '100px';
  Fenster.onresize = Funktion() {
    rem();
  };
};

Exportfunktion rem() {
  document.documentElement.style.fontSize = window.innerWidth / 7,5 + 'px'; //1rem = 100px
  document.body.style.fontSize = '14px'; //Stellen Sie die Schriftgröße im Textkörper wieder her, um übergroße Schriftarten ohne Stil auf der Seite zu vermeiden}