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?

MySQL-Fallanalyse der Transaktionsisolationsebene

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

MySQL-Fallanalyse der Transaktionsisolationsebene

So konfigurieren Sie WordPress mit Nginx

Diagramm des Prozesses von der Deinstallation bis zur Installation von MySQL 5.7.18 yum unter Linux

Ausführliches Tutorial zur Installation und Konfiguration von MySQL 8.0.20

Webseite WB.ExecWB - Beschreibung des Aufrufs der Druckmethode und Einführung in die Parameter

Detaillierte Erläuterung der Vue-Projektoptimierung und -verpackung

Zusammenfassung grundlegender SQL-Anweisungen in der MySQL-Datenbank

Tutorial zum Importieren und Exportieren von Docker-Containern

Installieren Sie Docker auf Centos7 (neueste Version 2020 verfügbar, einfach kopieren und einfügen)

Detaillierte Erklärung der MySql-Installation und des Logins

Artikel empfehlen

Detaillierte Erklärung des DOM DIFF-Algorithmus in der React-Anwendung

Detaillierte Vorgänge zum Erstellen des gemeinsamen Clusters und des Spiegelclusters von RabbitMq mit Docker

JavaScript implementiert die Eingabeüberprüfung im Kennwortfeld

CSS zum Erzielen des Effekts einer rotierenden Flip-Card-Animation

Erläuterung der Konfiguration und Verwendung der MySQL-Speicher-Engine InnoDB

So konfigurieren Sie den Whitelist-Zugriff in MySQL

Vue+Flask realisiert Videosynthesefunktion (Drag & Drop-Upload)

Lösen Sie das Problem der inkonsistenten MySQL-Speicherzeit

vue.js Router verschachtelte Routen

Über React Native, das keine Verbindung zum Simulator herstellen kann

Natives JS zur Implementierung eines einfachen Rechners

Analyse gängiger Anwendungsbeispiele von MySQL-Prozessfunktionen

So verwenden Sie den Linux-Befehl „more“ in allgemeinen Linux-Befehlen

Zentrieren des Formulars in HTML

Tutorial zur Konfiguration und Verwendung des MySQL-Protokolls für langsame Abfragen