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

Question

我在实现基于设备宽度调整元素大小所需的媒体查询方面取得了一些有限的成功 - 但是，我遇到了 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) {

我确定我遗漏了一些简单的东西，但我们将不胜感激。

Answer 1

你可以调查一下。几个小时前，我在修复媒体查询时发现了它。基本上是为了iPones的超高分辨率。如果我理解正确的话，新手机基本上是用 2 像素代替一个。因此超清晰的分辨率。

此元标记将其设置回较低的分辨率（如果我理解正确的话） 希望对你有帮助