css3中的@media仅适用于首选

Question

我的CSS应该根据尺寸产生三种不同的背景颜色：

@media all and (min-width: 481px) and (max-width: 880px) { 
    body {
        background:#F69;
    }
}

@media all (min-width: 341px) and (max-width: 480px) {
    body {
        background:#06F;
    }
}

@media all and (max-width: 340px) {
    body {
        background:#000;
    }
}

此代码仅更改第一个尺寸范围的背景颜色。为什么？如何使其适用于所有三个范围？

Answer 1

您的代码是正确的。你只应该得到一种颜色。您的媒体查询设置正确。不同屏幕分辨率的背景颜色会有所不同。尝试使用其他浏览器。