CSS媒体查询范围

Question

@media only screen and (min-width: 275px)
{
body    
{
background-color: black;
}
}

当它检测到275px-500px时，我想让背景色变黑，当它检测出500px-750px时，我们想让背景颜色变蓝

Answer 1

此外，您可以只写第一个媒体查询的最小宽度，因为另一个媒体查询也设置了最小宽度

@media only screen and (min-width: 275px) {
body {
background-color: black;
}
}
@media only screen and (min-width: 501px) and (max-width: 750px) {
body {
background-color: blue;
}
}

Answer 2

只需添加一个最大宽度即可完成范围：

@media only screen and (min-width: 275px) and (max-width: 500px)
{
body    
{
background-color: black;
}
}
@media only screen and (min-width: 501px) and (max-width: 750px)
{
body    
{
background-color: blue;
}
}