Untuk menetapkan pertanyaan media bagi peraturan gaya CSS yang berbeza, anda boleh cuba menjalankan kod berikut −
<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!
Penggunaan RAC dalam Oracle
Perbezaan antara buku kerja dan lembaran kerja
Perbezaan antara tidur win10 dan hibernasi
Bagaimana untuk menyelesaikan masalah bahawa wlan tidak mempunyai konfigurasi ip yang sah
Apakah arahan yang biasa digunakan dalam vue?
Apakah perpustakaan kecerdasan buatan python?
Pengenalan kepada pemalam yang diperlukan untuk vscode menjalankan java
Apakah perisian jiwa?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
