1

分辨率为640×960的 iPhone 4属于以下指定的媒体查询：

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

这个媒体查询在我的 CSS 样式表的最后......

此查询上方是那些适用于 iPad (1024) 和台式机等的出色...

我错过了什么？？

我希望 iPhone4 响应样式表中前面指定的媒体查询，目标为：(max-width:640px)，当然......

作为记录，我的视口标签目前是：

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

1 回答 1

2

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

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

从这里您可以使用不同的选择器来识别视网膜显示器：

@media 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}
于 2013-03-12T16:15:39.420 回答