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 zeigen Sie Prozesse unter Linux an
Handelsplattform für digitale Währungen
So beginnen Sie mit dem Kauf von Kryptowährungen
Kann pagefile.sys gelöscht werden?
Was sind die häufig verwendeten Tastenkombinationen in WPS?
Was sind Endgeräte?
Verhindern Sie die Verwendung von default()
Eine vollständige Liste der Tastenkombinationen für Ideen
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
