我在实现基于设备宽度调整元素大小所需的媒体查询方面取得了一些有限的成功 - 但是,我遇到了 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) {
我确定我错过了一些简单的东西,但任何帮助将不胜感激。