以下是一些適合您文章的基於問題的標題： * 為什麼在 iOS 7 iPad Safari 橫向模式下 window.innerHeight 比 window.outerHeight 小 20px，如何修復？ * 如何解決

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中文網其他相關文章！