Ipad 视网膜特异性CSS

我正在设计一个在移动设备上看起来与众不同的响应性网站。我的css中有三个单独的媒体查询，外加一个视网膜显示查询

当iPad处于纵向模式时，它将获得移动版本，但当它处于横向模式时，它将获得网站的常规版本

我的问题是，现在有了“新iPad”和视网膜显示器，某些视网膜图像在横向视网膜iPad版本中没有正确对齐。全局视网膜css正在推翻常规css，我想应该是这样的

例如，在手机版中，我的背景图像集中在屏幕上，但在普通网站上，它是左对齐的

有人知道一种只针对iPad的视网膜图像的CSS方法吗

谢谢

编辑：这是我一直在玩的东西，但它似乎不起作用：

@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}

尝试：

@仅媒体屏幕
和（最小设备宽度：1536px）
和（最大设备宽度：2048px）
和（方向：景观）
和（-webkit最小设备像素比：2）{
//视网膜特异性CSS
}

找到了答案

---

我的iPad视网膜查询位于所有其他查询的下方，但它们必须位于从最大到最小的其他查询的上方。

我也遇到了同样的问题，我使用以下方法解决了问题：

@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) and (-webkit-device-pixel-ratio: 1.5)

对于元视口，我使用：

content="width=device-width; initial-scale=1; maximum-scale=1"

---

我不知道这是否是一个完美的解决方案，但它确实有效。

新的iPad是2048-x-1536。。。试试这个，像素比例：2。对于回答，试试看，不，仍然不起作用@媒体屏幕和（最小设备宽度：1536px）和（最大设备宽度：2048px）和（方向：横向）和（-webkit最小设备像素比：2）{}您看到我的答案了吗，并且您使用的是实际的iPad3，对吗？@user127181请在您的答案中添加一些代码和说明，以便所有人都能得到它。我现在也有同样的问题。请帮忙！这里需要更有效的答案答案答案不起作用我，是的，我看到了你的答案，但它不起作用。不过，我只使用iOS模拟器。然而，使用模拟器，我的所有其他媒体查询都可以正常工作。我被难住了。我的ipad视网膜上好像没法用这个。它每次都忽略它。如果我将其更改为@media screen和（最大宽度：960px）和（方向：横向）和（-webkit设备像素比：2），则可以正常工作。我已经检查了三倍，以确保我的ipad实际上是一个ipad视网膜（我没有被骗），并且型号是合法的ipad视网膜。想法？@MatthewLee-Hmmm，我现在最好的猜测是它与最大宽度和最大设备宽度有关。您使用的是iPad3还是iPad4？iPad3。奇怪的是，我无法让你的查询在我的实际iPad或iOS模拟器上运行，但将“最大宽度”设置为960px对这两种情况都有效。你的设置对我有意义。有没有一个好的阅读CSS查询的来源，你可以指给我看？谢谢。@MatthewLee当然，看看吧，我知道我看到了很多关于你的好东西。你应该接受你的答案作为正确的答案，并输入你使用的正确代码，这样，从你最初的问题到正确的答案总是有一个正确的代码参考。谢谢

content="width=device-width; initial-scale=1; maximum-scale=1"