我的网站在iPad上的媒体查询失败

Question

我的媒体查询似乎不适用于ipad。网站是http://www.purplesale.com。在过去的CSS我已经申请媒体查询为iPad -

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
#mainContent, #container, #sidebar, #content, #footer, #betaSpacer { 
    width: 765px; 
    overflow: hidden; 
} 
// Other queries targeting ipad 

} 
/*End*/ 

完整的CSS是在这里 - http://www.purplesale.com/Css/main.css

视区元设定为 -

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

请在解决问题的帮助。

Answer 1

如果Ipad的与视网膜显示器（ipad的3 & 4）

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}