定位布局
媒体查询的代码：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .a {
border: 1px solid #000000;
width: 100px;
height: 100px;
background-color: #000000;
}
@media only screen and (min-width: 300px) and (max-width: 640px) {
.a {
background-color: red;
}
} @media only screen and (min-width: 700px) {
.a {
background-color: green;
}
} @media only screen and (max-width:200px ) {
.a {
background-color: blue;
}
} </style> </head> <body> <p class="a"></p> </body></html>Atas ialah kandungan terperinci web中媒体查询的方法 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk menangani aksara Cina yang kacau dalam Linux
Apakah maksud wifi dinyahaktifkan?
Apakah arahan untuk memadam lajur dalam sql
Apakah maksud telefon bimbit hd?
Apakah maksud menggunakan pencetak di luar talian
Proses pembelian riak
Bagaimana untuk membuka format TIF dalam tingkap
Apakah enjin aliran kerja java?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
