iPad 视网膜分辨率与正常分辨率答案

【问题标题】：IPad Retina Resolution Vs Normal ResolutioniPad 视网膜分辨率与正常分辨率
【发布时间】：2013-08-20 01:39:43
【问题描述】：

所以我要为 iPad 创建一个全屏游戏。 Retina 显示屏（新 iPad）的分辨率为 2048 x 1536 像素，而旧 iPad 的分辨率为 1024x768 像素。

我的问题是，我是否应该将容器 div 的宽度设置为 2048 像素，然后使用媒体查询根据窗口宽度更改不同 HTML 元素的尺寸和位置？我将使用很多绝对定位，但我不确定这在新旧 iPad 之间如何工作。

或者视网膜显示在媒体查询中仍然会返回 1024 吗？

另外，我需要两组图像吗？一组用于视网膜显示器的图像和一组用于旧 iPad 显示器的图像（一半大小）？

我有点困惑。感谢您向我解释这一点。

【问题讨论】：

我想你会从阅读这篇文章中受益：quirksmode.org/mobile/viewports.html。基本上，您在 CSS 中指定的像素实际上是与设备无关的。

【解决方案1】：

您应该将其设置为 1024，然后使用设备像素比媒体查询定位视网膜和更高分辨率的显示器。

【讨论】：