css - 适用于 iPad、iPhone 的背景(封面)

Question

关于 ipad 和 iphone 的大小以及如何使用不同的 css，我遇到了几种方法和问题。真的有必要吗，尤其是现在 ipad 和 iphone 的版本越来越多，每个设备都有不同的背景？

几乎每个关于此问题的答案/站点都告诉用户使用 iPad 的分辨率 1024，但根据 Apple 的站点，最新的 iPad 的分辨率为 2048 x 1536 像素？

那么我是否需要为 iPad 2(或其他)制作一个宽度为 1024 的背景，然后为 iPad 3 制作一个宽度为 2048 的背景，为 iPhone 制作另一个背景，或者是否有更简单的解决方案？ 我认为“背景大小:封面”将是每种分辨率的解决方案(因为它会自动缩放)，但显然不是，因为它似乎无法在 iPad 上运行。

Answer 1

So do I need to make one background with 1024 in width for iPad 2 (or whatever), then one with 2048 for iPad 3, another one for iPhone etc

没有。尽管设备分辨率不同，但它们在使用 CSS 定位方面仍然遵循原始数字。因此，所有 iPad 都响应 device-width: 1024px，而 iPhone 仍然坚持 320px，即使它们现在包含更多像素。

唯一需要注意的是 iPhone5 有点高，所以它响应 320 x 560px。

无论如何，就 background-size 而言，所有这些都是无关紧要的，因为它的全部意义在于，如果您使用 ，它可以适当调整图像大小以覆盖任何屏幕>背景大小:覆盖。