css - @media in css3 仅适用于第一次选择

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

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