Wir entwickeln eine Open-Source-Web-App, mit der Kunstlehrer auf der ganzen Welt zusammenarbeiten können. Wir brauchen eine nette Website, die sich einfach an die aktive Breite des Browsers anpasst, so wie es google.org oder barackobama.com tun.

Wir können den Browser, das Betriebssystem usw. erkennen, möchten diese Informationen jedoch nicht verwenden. Wir möchten nur vier oder fünf verschiedene Stylesheets, die beim Anpassen der Browserbreite ausgelöst werden.

Wenn Sie beispielsweise die App in einem Browser mit einem DESKTOP-Computer aufrufen, wird die vollständige App angezeigt, wenn der Browser im Vollbildmodus ausgeführt wird. Wenn der Browser seine Breite verringert, ändert die Site sofort und dynamisch ihr Format, um eine universelle Kompatibilität zu ermöglichen.

Wir möchten nicht, dass sich unser CSS basierend auf dem Browsertyp oder der ursprünglichen Breite ändert, sondern dass es sich je nach der aktuellen Breite des Ansichtsfensters in Millisekunden ändert - unabhängig davon, ob es sich um ein "mobiles" Gerät oder ein "mobiles" Gerät handelt. Tablet "Maschine oder ein" Desktop "Browser.

Kurioserweise verwende ich Google Apps Script zum Hosten unserer Web-App, sodass anscheinend alle Meta-Viewport-Tags entfernt werden.

Wie können wir vier oder fünf verschiedene Stylesheets basierend auf der Breite des aktuellen Browserfensters einführen?