（window）.height（）用於iPad屏幕

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

根據需要支持的瀏覽器，可以使用vh單位而不是px / rem /％，這樣就無需使用js來調整彈出窗口的大小。