iPhone 4陷阱最大宽度：480个像素媒体查询

Question

的iPhone 4采用的640×960分辨率落入内指定的媒体的查询：

@media only screen and (max-width:480px) 

此媒体查询是在非常端我的CSS样式表...

以上这个查询是指那些为iPad（1024）和桌面等伟大的工作......

我是什么失踪？？

我想iPhone4的对先前在样式表中指定媒体查询，针对性的回应：（最大宽度：640像素）代替，当然...

为了记录在案，我视标签当前是：

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

Answer 1

您已经混淆了css px和display px。这是可以理解的，因为它们都是以px来衡量的。叹。

从css的角度来看，视网膜显示器只有320px宽。但是，它的像素比是2，这意味着在css-land中每1px在显示器上实际上是2px。

Taken from here，你可以使用不同的选择，以确定视网膜显示：

@media 
    (-webkit-min-device-pixel-ratio: 2), 
    (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */ 
}