bedingte Anweisung für die Bildschirmauflösung?

CSS 3 stellt Medienabfragen vor, aber es ist neu und der Support ist noch nicht so verbreitet (Firefox B. nur in Version 3.5 eingeführt, und Internet Explorer wird es erst ab Version 9 bekommen), also mit progressiver Erweiterung. CSS Tricks hat ein Tutorial für die Bereitstellung von verschiedenen CSS für verschiedene Browserfenstergrößen (was ein nützlicherer Messwert ist, als er angezeigt wird) Auflösung).

Sie können den Support für Ihren Browser testen .

In der Regel wird kein anderes Stylesheet an die Bildschirmauflösung angehängt, da Sie nach dem Laden der Seite die Größe des Browsers ändern, die Auflösung ändern und nicht jedes Mal laden möchten.

Dies wird den Trick in einer CSS-Datei tun:

Beispiel:

Dies sollte die Schriftgröße auf 20px ändern, wenn die @ media-Abfragebedingung wahr ist, in diesem Fall wenn der Bildschirm über 500px ist.

Wenn Sie Ihren Browser nach oben oder unten skalieren, werden die bedingten CSS-Regeln automatisch wirksam, es wird kein JS benötigt.

Es gibt diese Option, total clientseitig und javascript-gesteuert , fügen ein Skript-Tag hinzu:

Sie könnten sogar andere if -Anweisungen für Smartphones und Tablets hinzufügen.