使媒体查询兼容iPhone 4和iPhone 5

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

感谢这里的美妙人士，我已经能够让我的媒体查询在横向模式下顺利运行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) {

我敢肯定，我错过一些简单的，但任何帮助，将不胜感激。

来源

2013-02-14 crichins

你可以看看这个。几个小时前，我在修复媒体查询时发现了它。基本上它是为了iPone的超高分辨率。如果我理解正确，新手机基本上有2个像素的位置。因此超清晰的分辨率。

这个元标记设置回的分辨率较低（如果我理解正确的）希望它可以帮助

来源

2013-02-15 11:38:38 kevinB

这我指出了正确的方向，尽管没有一个链接到你引用的东西; ）还没有具体的，但它肯定有帮助。谢谢！ – crichins 2013-03-11 17:21:33

使媒体查询兼容iPhone 4和iPhone 5

回答

相关问题