媒体查询不适用于Retina

Question

我正在尝试开发一个支持Retina的网站。我有两个图像：常规尺寸和2x版本。我的代码似乎不起作用。我在视网膜上，一切看起来都像是像素一样。

header {
background: url(../images/header.jpg) no-repeat;
float: left;
height: 301px;
width: 1000px;
} 
@media  only screen and (-moz-min-device-pixel-ratio: 1.5),
        only screen and (-o-min-device-pixel-ratio: 3/2),
        only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min-device-pixel-ratio: 1.5) 
        {
            .header {
            background: url(../images/header_2x.jpg) no-repeat;
            }
            .logo {
            background: url(..images/logo_2x.png);
            }
        }
.logo {
    background: url(../images/logo.png) no-repeat;
    display: block;
    height: 38px;
    margin: 0 auto;
    margin-top: 63px;
    width: 194px;
}

我不太确定我做错了什么。