ホームページ > 記事 > ウェブフロントエンド > あなたの記事に適した質問ベースのタイトルをいくつか紹介します。 * iOS 7 iPad Safari ランドスケープ モードで window.innerHeight が window.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 が window.outerHeight より 20px 小さいのはなぜですか?それを修正するにはどうすればよいですか? * 解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。