适用于iPad,iPhone的背景(封面)

时间:2013-05-07 08:20:34

标签: css ipad

我遇到了几种关于ipad和iphone尺寸以及如何使用不同css的方法和问题。是否真的有必要,特别是现在有更多版本的ipad和iphone,每个设备都有不同的背景?

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

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

1 个答案:

答案 0 :(得分:1)

  

所以我需要为iPad 2制作一个宽度为1024的背景(或者   无论如何,然后一个用于iPad 3的2048,用于iPhone等的另一个

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

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

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