Legen Sie Medienabfragen für verschiedene CSS-Stilregeln fest. Sie können versuchen, den folgenden Code auszuführen: -
Live-Demo
<html>
<head>
<style>
body {
background-color: lightpink;
}
@media screen and (max-width: 420px) {
body {
background-color: lightblue;
}
}
</style>
</head>
<body>
<p>If screen size is less than 420px, then it will show lightblue color, or else it will show light pink color</p>
</body>
</html>Das obige ist der detaillierte Inhalt vonMedienabfragen zum Festlegen unterschiedlicher CSS-Stilregeln für Geräte unterschiedlicher Größe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So implementieren Sie die CSS-Karussellfunktion
Was sind die Haupttechnologien von Firewalls?
Lösung für unzureichenden Cloud-Speicherplatz
Zeichensoftware
Absolute Referenzeingabemethode
Verwendung der Wertfunktion
Welche Methoden gibt es, um das Passwort in MySQL zu ändern?
So ändern Sie die Registrierung
