css媒体查询问题?

Question

@media(min-width:1200px)and(max-width:1366px){}@media(min-width:1367px)and(max-width:1601px){}这么写对吗针对电脑不同分辨率?

Answer 1

对的你复制看下就知道了
@media(min-width:1200px)and(max-width:1366px){
body{
background:blue;
}
}
@media(min-width:1367px)and(max-width:1601px){
body{
background:red;
}
}
                            

Answer 2

@media(min-width:1200px)and(max-width:1366px){}
/*描述的是[1200,1366]范围内的样式*/
@media(min-width:1367px)and(max-width:1601px){}
/*描述的是[1367,1601]范围内的样式*/
但是超过1601px的范围内容将于小于1200px的小屏幕样式一致，这应该不是你想要的结果所有需要做下更改
@media(min-width:1200px)and(max-width:1366px){}
/*描述的是[1200,1366]范围内的样式*/
@media(min-width:1367px)and(max-width:1601px){}
/*描述的是[1367,1601]范围内的样式*/
@media(min-width:1602px){}
/*描述的是超过1602范围内的样式*/