Css iPad的媒体搜索

我试图让@media搜索工作，但没有成功。我正在使用下面的代码，但我能显示的唯一图像是headernew.jpg，而不是headerold.jpg，因此它确保所有媒体查询都不起作用。我在27英寸的iMac和iPad上进行了测试，但都显示了相同的背景图像。任何帮助都将不胜感激

谢谢，罗杰

position: absolute;
top: 0;
left:-50%;
width: 1344px;
height: 150px;
background-image: url('../img/headernew.jpg');
/* Only affects 1600px width */
    @media only screen and (min-width : 1600px){ background-image: url('../img/headerold.jpg');}
    /* Only affects 1200px width */
@media only screen and (max-width : 1200px){ background-image: url('../img/headerold.jpg');}
    /* Only affects 900px width */
    @media only screen and (max-width : 900px){ background-image: url('../img/headerold.jpg');}
    /* Only affects 600px width */
    @media only screen and (max-width: 600px){ background-image: url('../img/headerold.jpg');}
    /* Only affects 400px width */
    @media only screen and (max-width: 400px){ background-image: url('../img/headerold.jpg');}
background-repeat: no-repeat;
background-position: center center;

---

您的格式错误，并且我在您的代码中没有看到任何选择器，它应该是这样的：

#yourID {
    background-image: url('../img/headernew.jpg');
}
@media only screen and (max-width : 900px) {
    #yourID {
        background-image: url('../img/headerold.jpg');
    }
}

---

看起来您试图将媒体查询放入选择器块中，但查询必须包装您要使用的选择器和规则。

请不要更改问题，如果您需要与回答者交谈，请使用评论框，否则此问题对其他任何人都没有用处。抱歉，我已尝试修复此问题，但评论格式对我来说不好。我已进行了以下更改，但仍然存在问题，因为它似乎不起作用。我使用27英寸的iMac和iPad3进行测试。这就是我的代码现在的样子。div.art-header-jpeg{background image:url（'../img/headernew.jpg'）；}@media-only屏幕和（max-width:900px）{div.art-header-jpeg{background image:url（'../img/headerold.jpg'）；}你不应该把代码放在注释中，因为它很难阅读，但你可以更新你的问题：）而且，它与你使用的电脑并不相关。