iOS 7 iPad Safari 橫向高度報告不一致:解決問題
在iOS 7 iPad Safari 橫向模式下,視窗之間會出現特殊模式下,視窗之間會出現特殊模式下,視窗之間會出現特殊模式下,視窗之間會出現特殊模式的差異.innerHeight 和window.outerHeight,相差20px。此問題會影響 100% 高度的 Web 應用程序,從而導致意外行為。
為了解決此問題,出現了一個涉及調整主體位置的解決方案:
<code class="css">@media (orientation:landscape) { html.ipad.ios7 > body { position: fixed; bottom: 0; width: 100%; height: 672px !important; } }</code>
此程式碼有條件地修復了body 的位置以確保其高度與window.innerHeight 對齊。此外,還使用腳本來偵測執行 iOS 7 的 iPad 設備,動態地將 CSS 類別新增至 檔案。用於目標樣式的元素:
<code class="javascript">if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) { $('html').addClass('ipad ios7'); }</code>
透過實施這些修改,問題得到了解決,允許 Web 應用程式準確計算其高度並避免 iOS 7 iPad Safari 橫向模式中的 20 像素差異。
以上是以下是一些適合您文章的基於問題的標題: * 為什麼在 iOS 7 iPad Safari 橫向模式下 window.innerHeight 比 window.outerHeight 小 20px,如何修復? * 如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!