Css 媒体查询不支持1024x768系统分辨率

我应用了背景色：平板电脑为灰色，系统浏览器为蓝色，并使用了媒体查询css。它工作得很好。现在的问题是，当我将系统分辨率设置为1024x768时，平板电脑的颜色（灰色）也将应用于我的系统浏览器，而不是蓝色。请推荐我

以下是我的css：

.Box{background-color:#709bd3;height:200px}

@media screen and (min-device-width:600px) and (max-device-width:1024px) {
.Box{background-color:#ccc}
}

---

首先，确保在每条语句的末尾都包含分号

.Box {
background-color:#709bd3;
height:200px;
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .Box {
    background-color:#ccc;
    }
}

我还将最小设备宽度改为768px，这是iPad的最小值

编辑-看起来您需要使用用户代理字符串。尝试以下操作：

---

这个问题发生在哪个浏览器和操作系统上？Windows XP和7中的Chrome和Mozilla Firefox您是对的，但是如果我在系统和平板电脑中打开链接，当我将系统分辨率更改为1024时，颜色（灰色）不应该出现。请尝试“仅屏幕”而不是“屏幕”。如果这不起作用，我想你唯一能做的就是使用User-Agent字符串。“only-screen”也不起作用。我不知道用户代理字符串。你能告诉我如何使用它吗？添加了一个全面的教程。我不知道，但这个讨论看起来很有希望：