Css iPad、iPhone的背景（封面）

我遇到了一些关于ipad和iphone的尺寸以及如何使用不同css的方法和问题。是否真的有必要，特别是现在有更多版本的ipad和iphone，为每一台设备提供不同的背景

几乎每个关于这个问题的答案/网站都会告诉用户iPad的分辨率是1024，但根据苹果网站的说法，最新的iPad的分辨率是2048 x 1536像素

那么，我是否需要为iPad2（或其他什么）制作一个1024宽的背景，然后为iPad3制作一个2048宽的背景，为iPhone等制作另一个背景，还是有更简单的解决方案？ 我原以为“背景尺寸：封面”是每个分辨率的解决方案（因为它可以自动缩放），但显然不是，因为它在iPad上似乎不起作用

那么，我是否需要为iPad2（或iPad）制作一个1024宽的背景呢 不管怎样），然后一个是iPad3的2048，另一个是iPhone等等

不。尽管不同的设备分辨率，他们仍然遵循最初的数字，以CSS为目标。因此，所有iPad都响应设备宽度：1024px，而iPhone仍然坚持使用320px，即使它们现在的像素要多得多

唯一需要注意的是，iPhone5稍高一点，所以它的响应速度为320 x 560px

无论如何，就背景大小而言，所有这些都是无关紧要的，因为如果使用背景大小：覆盖，它可以适当调整图像大小以覆盖任何屏幕

那么，我是否需要为iPad2（或iPad）制作一个1024宽的背景呢 不管怎样），然后一个是iPad3的2048，另一个是iPhone等等

不。尽管不同的设备分辨率，他们仍然遵循最初的数字，以CSS为目标。因此，所有iPad都响应设备宽度：1024px，而iPhone仍然坚持使用320px，即使它们现在的像素要多得多

唯一需要注意的是，iPhone5稍高一点，所以它的响应速度为320 x 560px

---

无论如何，就背景大小而言，所有这些都是无关紧要的，因为它的全部要点是，如果你使用背景大小：覆盖，它可以适当地调整图像大小以覆盖任何屏幕，如果你使用背景大小：覆盖

我在ipad和iphone上使用过它：这是一个jquery解决方案，嗯，iPad上不是CSS pixel 2设备像素吗？我在iPad和iphone上使用过这个：它是一个jquery解决方案嗯，iPad上不是CSS pixel 2设备像素吗？是的。您是否有一个似乎失败的测试用例？还是你用的是旧iPad？@ralphm我正在browserstack上测试。更正：如果你尝试为一个元素而不是html页面的背景设置

cover

，它会占用整个屏幕的宽度和高度，而不是元素的宽度和高度。嗯，这不是我发现的。请随意发布一个Fiddle或CodePen示例，我们可以进行测试。是的。您是否有一个似乎失败的测试用例？还是你用的是旧iPad？@ralphm我正在browserstack上测试。更正：如果你尝试为一个元素而不是html页面的背景设置

cover

，它会占用整个屏幕的宽度和高度，而不是元素的宽度和高度。嗯，这不是我发现的。请随意发布一个我们可以测试的提琴或代码笔示例。