あなたの記事に適した質問ベースのタイトルをいくつか紹介します。 * iOS 7 iPad Safari ランドスケープ モードで window.innerHeight が wi​​ndow.outerHeight より 20px 小さいのはなぜですか?それを修正するにはどうすればよいですか? * 解決方法

iOS 7 iPad Safari ランドスケープの高さレポートに一貫性がない: 問題の解決

iOS 7 iPad Safari ランドスケープ モードでは、ウィンドウ間に特有の不一致が発生します。 .innerHeight と window.outerHeight、20 ピクセルの差があります。この問題は、高さ 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 が wi​​ndow.outerHeight より 20px 小さいのはなぜですか?それを修正するにはどうすればよいですか? * 解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。