举例：
@media screen and (max-width: 768px) {
body {
background-color:blue
}
}
以上这段代码指的是在屏幕分辨率为768px或小于768px时，body的背景色为blue；768px是ipad的竖屏像素；
注意：以上要想有效果，需要在head部分加入以下代码：
<meta name="viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
希望我的回答能够帮到您哦~
你是想自适应屏幕分辨率大小吧，定义div宽度的时候不用绝对数值，用相对的就行了，比如说百分比，如.div1{width:100%}如果你是想通过判断不同的分辨率显示不同的页面，这就要用到JS才行喽，通过JS判断分辨率，再调用不同的CSS样式。
