我遇到了几种关于ipad和iphone尺寸以及如何使用不同css的方法和问题。是否真的有必要,特别是现在有更多版本的ipad和iphone,每个设备都有不同的背景?
几乎每个有关此问题的答案/网站都会告诉用户使用iPad的1024分辨率,但根据Apple的网站,最新iPad的分辨率为2048 x 1536像素?
所以我需要为iPad 2(或其他)制作一个宽度为1024的背景,然后一个用于iPad 3的2048,用于iPhone等的另一个或者是否有更简单的解决方案? 我认为“背景大小:封面”将是每种分辨率的解决方案(因为它会自动缩放)但显然不是因为它似乎不适用于iPad。
答案 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>