使Media-Queries兼容iPhone 4和iPhone 5

时间:2013-02-14 23:36:47

标签: iphone media-queries

我在实现基于设备宽度调整元素大小所需的媒体查询方面取得了一些有限的成功 - 但是,我遇到了iDevices的障碍。

感谢这里的精彩人士,我已经能够在横向模式下为iPhone 5顺利运行媒体查询。不幸的是,这也在横向模式下切断了iPhone 4上的媒体。我已经尝试了几种不同的修复方法来定位不同的媒体(甚至发现@media的顺序很重要),但没有这样的运气。一个或另一个被覆盖。这是我对iPhone 4的最新代码:

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {

这是我用于iPhone 5的代码:

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

我确信我遗漏了一些简单的东西,但任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

你可能会对此进行调查。几小时前我在修复媒体查询时发现了它。基本上它是iPones的超高分辨率。如果我理解正确,新手机基本上只有2个像素。因此超级清晰的分辨率。

此元标记将其设置为较低的分辨率(如果我理解正确的话) 希望它有所帮助