Hallo,
ohne das ausprobiert zu haben:
Im zweiten Beispiel werden die Dateien mit dem Aufruf der Seite importiert, deren Inhalt eingelesen und aktiviert. Bei einer Änderung der Fensterbreite kann der Browser entsprechend reagieren.
Im ersten Beispiel wird die Seite aufgerufen, aber nur die Dateien importiert und ausgewertet, die zur aktuellen Fensterbreite passen. Bei einer Änderung der Fensterbreite werden dann zwar die entsprechenden Dateien eingelesen, aber nicht aktiviert. Dies geschieht erst bei einem darauf folgenden Neueinlesen der Datei.
Das erste Beispiel funktioniert also, aber anders als von dir erwartet.
Die normalen Besucher ändern die Fensterbreite ihres Browsers in der Regel nicht. Die bekommen also die für ihre Fensterbreite passenden CSS-Anweisungen.
Gruss
MrMurphy