Linuchss: Wiki: JavaScript/Window/innerWidth Beispiel funktioniert nicht

Beitrag lesen

problematische Seite

Moin,

ich möchte CSS für verschiedene Viewport-Breiten testen und die Breite anzeigen. Das Wiki-Beispiel unter "Vorschau" funktioniert in meinem FF 68.0.2 aber nicht.

Die angezeigten Abmessungen ändern sich nicht bei Änderung der Viewport-Größe.

Bei Mozilla habe ich was gefunden, das funktioniert:

<p><span id="innerW"></span> x <span id="innerH"></span></p>
const widthOutput   = document.querySelector('#innerW');
const heightOutput  = document.querySelector('#innerH');
function reportWindowSize() {
  heightOutput.textContent  = window.innerHeight;
  widthOutput.textContent   = window.innerWidth;
}
document.addEventListener('DOMContentLoaded',reportWindowSize);
window.onresize = reportWindowSize;

Gilt die Mozilla-Seite auch für andere Browser außer FF?

Gruß, Linuchs