Heim > Artikel > Web-Frontend > Medienabfragen zum Festlegen unterschiedlicher CSS-Stilregeln für Geräte unterschiedlicher Größe

Medienabfragen zum Festlegen unterschiedlicher CSS-Stilregeln für Geräte unterschiedlicher Größe

WBOYnach vorne: 2023-08-30 23:57:031096Durchsuche

Legen Sie Medienabfragen für verschiedene CSS-Stilregeln fest. Sie können versuchen, den folgenden Code auszuführen: -

Beispiel

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!

css

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：CSS-Bounce-AnimationseffektNächster Artikel：CSS-Bounce-Animationseffekt

In Verbindung stehende Artikel

Mehr sehen