Html 为什么'；这一媒体质询没有击中视网膜吗？

我正在努力解决一个媒体查询，试图将目标对准视网膜屏幕。 我得到了媒体的质疑

@media(-webkit-min-device-pixel-ration:2)and (min-resolution:192dpi) {}

在Chrome Canary开发工具中，它确实获得了这种风格，但在实际的视网膜显示器上测试（本例中为iphone 5s）却没有

我还使用了这个视口，所以它可以缩放所有内容，我试图删除它，但在我上面的问题中没有任何区别

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5 maximum-scale=0.5, user-scalable=no target-densitydpi=device-dpi">

---

你知道我为什么会有这个问题吗？

试试这个媒体查询，它很有效

@media  
only screen and (-webkit-min-device-pixel-ratio: 2),  
only screen and ( min--moz-device-pixel-ratio: 2),  
only screen and ( -o-min-device-pixel-ratio: 2/1),  
only screen and ( min-device-pixel-ratio: 2),  
only screen and ( min-resolution: 192dpi),  
only screen and ( min-resolution: 2dppx){
   //your css goes here..
}  

同时更改视口

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

谢谢。我的媒体查询也可以。没有注意到上面写着“配给：（掌心）。这是一个更广泛的媒体查询。有时会发生：）