Nehmen wir an, Sie haben eine Stylesheet wie diese verknüpft
<link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)">Aber während die Seite lädt, befinden Sie sich in einem Desktop-Browser, bei dem der Bildschirm 1753 Pixel breit ist. Der Browser sollte dieses Stylesheet doch einfach überspringen, oder? Das tut er nicht. Thomas Steiner erklärt
Es stellt sich heraus, dass die Autoren der CSS-Spezifikation und die Browser-Entwickler in Wirklichkeit ziemlich clever darin sind.
Der Punkt ist, dass der Benutzer jederzeit entscheiden kann, sein Fenster zu vergrößern (was Breite, Höhe, Seitenverhältnis beeinflusst), das Dokument auszudrucken usw., und selbst Dinge, die auf den ersten Blick statisch erscheinen (wie die Auflösung), können sich ändern, wenn ein Benutzer mit einer Multi-Screen-Einrichtung ein Fenster von einem Retina-Laptop-Bildschirm zu einem größeren Desktop-Monitor verschiebt, oder der Benutzer seine Maus abzieht und so weiter.
Was Browser tun, ist (hehe, 💩) eine Lowest Download-Priorität anzuwenden.