Html IPad视网膜分辨率与正常分辨率

所以我准备为iPad制作一款全屏游戏。视网膜显示器（新iPad）的分辨率为2048 x 1536像素，而旧iPad的分辨率为1024x768像素

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

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

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

---

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

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

请在此处阅读更多信息：

---

我想你会从这篇文章中受益。基本上，您在CSS中指定的像素实际上与设备无关。