使媒體查詢兼容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

回答

相關問題