web中媒体查询的方法

来源：刀刀网

定位布局

媒体查询的代码：

<!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: 0px) {
 .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>

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务