Rumah > Artikel > hujung hadapan web > Pertanyaan media untuk menetapkan peraturan gaya CSS yang berbeza untuk peranti saiz yang berbeza

Pertanyaan media untuk menetapkan peraturan gaya CSS yang berbeza untuk peranti saiz yang berbeza

WBOYke hadapan: 2023-08-30 23:57:031096semak imbas

Untuk menetapkan pertanyaan media bagi peraturan gaya CSS yang berbeza, anda boleh cuba menjalankan kod berikut −

Contoh#🎜🎜 #

demonstrasi masa nyata

<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>

Atas ialah kandungan terperinci Pertanyaan media untuk menetapkan peraturan gaya CSS yang berbeza untuk peranti saiz yang berbeza. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Kesan animasi lantunan CSSArtikel seterusnya：Kesan animasi lantunan CSS

Artikel berkaitan

Lihat lagi