Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Lösung 1: Verwenden Sie bedingten Import im HTML-Dokument, beispielsweise durch Einfügen des folgenden Codes in HEAD:

Code kopieren

Der Code lautet wie folgt:

Lösung 2: Verwenden Sie bedingten Import am Anfang des CSS-Dokuments, wie im folgenden Code gezeigt:

Code kopieren

Der Code lautet wie folgt:

[wenn SafMob]
@import('iphone.css');
[wenn !SafMob]
@import('nicht-iPhone.css');

Die Reihenfolge, in der der Browser CSS lädt:
1. Laden Sie die durch die URL angegebene HTML-Seite
2. HTML analysieren
3. Rufen Sie die CSS-Datei, auf die das Link-Tag verweist, remote ab
4. Laden und führen Sie die erhaltene CSS-Datei aus. Wenn der Code @import url("xx.css") auftritt, wird xx.css remote abgerufen.
5. xx.css laden und ausführen
Sie können bis zu 31 CSS-Dateien über @import importieren. Da bei jedem Remote-Abruf einer CSS-Datei ein HTTP-Link generiert wird, ist dies zeitaufwändig. Daher sollten Sie @import möglichst wenig verwenden. 31. Ich glaube nicht, dass irgendein Projekt so viele verwenden wird.

<<: Reines CSS zum Erzielen eines schmelzenden Kerzenmusters (Wassertropfen) – Beispielcode

>>: Wenn ich eine Eigenschaft in Vue-Daten zufällig ändere, wird die Ansicht aktualisiert?

Verwendung und Analyse des Mysql Explain-Befehls

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Verwendung und Analyse des Mysql Explain-Befehls

Übung zum Hochladen von Element-Avataren

Detailliertes Tutorial zur Installation von CentOS, JDK und Hadoop auf VirtualBox

Die Fallstricke bei der Bereitstellung von Angular-Projekten in Nginx

Detailliertes Tutorial zur Installation von MySQL 8.0.12 unter Windows

MySQL 8.X Installations-Tutorial unter Windows

So migrieren Sie das Datenverzeichnis in mysql8.0.20

Beheben Sie das Problem, dass das Elementbearbeitungsformular el-radio nach dem Echo nicht ausgewählt werden kann

Beispielcode zur Implementierung einer Anmelde- und Registrierungsvorlage in Vue

Problem mit fehlgeschlagener tzselect-Einstellungszeit in Ubuntu20, Raspberry Pi-Server (empfohlen)

Artikel empfehlen

Anweisungen zur Verwendung des Meta-Viewport-Tags (Zoom-Steuerung beim mobilen Surfen)

Anwendung der dynamischen Bildladetechnologie und Anwendungsfall des Plug-Ins jquery.lazyload

MySQL verwendet gespeicherte Prozeduren, um die Methode zur Erfassung von Baumknoten zu implementieren

Verwendung von Vue-Filtern und Probleme bei der Zeitstempelkonvertierung

CSS3-Randeffekte

Detaillierte Erläuterung der Nginx-Optimierung in Szenarien mit hoher Parallelität

Details zur Bündelung statischer Ressourcen ohne JavaScript

MySQL 8.0.21 Installationstutorial mit Bildern und Text

Detaillierte Erklärung des JS-Browserspeichers

Detaillierte Erläuterung der Frp-erzwungenen Umleitung zur https-Konfiguration unter Nginx

Zusammenfassung des Wissens zu langsamen MySQL-Protokollen

Verarbeitungsideen zum Entschlüsseln von WeChat-Applet-Paketen auf dem PC in node.js

So verwenden Sie Linux-Befehle zum Konvertieren und Zusammenfügen von Audioformaten

So installieren Sie Composer unter Linux

MySQL-Konfiguration SSL-Master-Slave-Replikation