CSS查询在我的iPhone 4上不起作用

我曾尝试使用谷歌搜索到的几个媒体查询来定位iPhone，但我的网站仍然没有像我希望的那样显示在实际的iPhone上。当我使用iphone4simulator.com时，它看起来很好。以下是我现在使用的媒体查询：

@media only screen and (device-width: 480px) and (orientation: portrait) and (resolution: 163dpi)

以下是网址：

---

谢谢。

您必须为iPhone 4添加此功能，因为它有视网膜显示屏

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

这是一个您可能需要的响应性设计

---

重要提示：这将适用于像素比大于1.5的所有设备。如果你想让它更具体地针对设备，你必须在你的meida查询中添加更多的条件。

请注意，这比iPhone 4的目标要多得多。当然，最新的高端安卓手机也会受到影响。它将以像素比超过1.5的所有设备为目标。这就是你想要的。在此媒体查询中，您可以将更高分辨率的图像和其他更改放置到视网膜显示设备上。如果你想让它特定于iPhone4，你必须为该设备添加更多的特定条件。用户说，目标是iPhone，因此他们可能不想要Android设备。我只是想指出这一点。