1

我遇到了几种有关 ipad 和 iphone 尺寸以及如何使用不同 css 的方法和问题。真的有必要吗,尤其是现在有了更多版本的 ipad 和 iphone 来为每台设备提供不同的背景?

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

那么我是否需要为 iPad 2(或其他)制作一个宽度为 1024 的背景,然后为 iPad 3 制作一个宽度为 2048 的背景,为 iPhone 制作另一个等,还是有更简单的解决方案?我认为“背景尺寸:封面”将是每个分辨率的解决方案(因为它会自动缩放)但显然不是,因为它似乎不适用于 iPad。

4

1 回答 1

1

所以我需要为 iPad 2(或其他)制作一个宽度为 1024 的背景,然后为 iPad 3 制作一个宽度为 2048 的背景,另一个用于 iPhone 等

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

唯一需要注意的是 iPhone5 稍高一些,因此它响应 320 x 560px。

无论如何,background-sizebackground-size: cover.

于 2013-05-07T08:40:32.297 回答