（ウィンドウ）iPad用スクリーンの.height（）

Question

私のサイトにはポップアップがあります。ポップアップが開いた後、私はそれは、画面のほとんどを取るためにサイズを変更：

jQuery(window).resize(function() { 
    var windowHeight = jQuery(window).height(); 
    jQuery('#BookingFrame').css('height', windowHeight * 0.9 | 0); 
}); 

問題：iPadでは、ウィンドウがビューポートを過ぎてサイズを変更して、ポップアップの下半分が消えます。文字通りiPad上でフォームを完成させる方法はありません。

「なぜ」についてここで多くの説明がありましたが、実行可能な解決策を見つけることができませんでした。これらのフォーラムで提案された変更により、他のデバイスのページまたはサイトの別の部分が破損します。

デバイス（$ device == iPad）を特定し、windowHeightをwindowHeight * 0.5などに変更する必要があると思っています。これが最善の解決策ですか？それとも簡単なことがありますか？

Answer 1

サポートが必要なブラウザによっては、px/rem /％の代わりにvh unitsを使用すると、jsがポップアップのサイズを変更する必要がなくなります。