ich will nur wissen, ob der Browser lädt oder diese externe CSS-Datei überspringtLädt der Browser Dateien im Medien-Stylesheet, wenn sie nicht benötigt werden?
<link rel="stylesheet" media="screen and (max-device-width: 800px)" href="example.css" />
wenn der Bildschirm mehr als 800px Breite ist, und wenn es die Datei laden, was kann ich tue es für vermeiden? Ich möchte nicht, dass der Browser Dateien lädt, die der Benutzer nicht benötigt.
Der Browser lädt alle angegebenen
<link>'s.
Dies geschieht auf der Serverseite, während das Rendern des entsprechenden Inhalts auf der Client-Seite erfolgt.
Sie können genau sehen, was in Ihren Browser-Entwickler-Tools geladen wurde F12, unter Quellen.
Wenn Sie sich Sorgen machen, mehrere große Stylesheets zu laden, gibt es mehrere Möglichkeiten.
Setzen Sie die meisten Ihrer Stile in einem einzigen gemeinsamen Sheet, dann haben nur kleinere für die unterschiedlich großen Bildschirmen, da es nicht so viel Veränderung zwischen den beiden sein sollte.
Laden Sie die entsprechenden Stile mit JavaScript dynamisch, sobald die Seite geladen wurde. Genau wie man das macht, siehe this link - Farley ist einfach.
Als Referenz dieser Artikel über Different Stylesheets for different devices wert ist ein Lese auf CSS Tricks
Browser lädt sie – Lissy