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范围内的样式*/