根據視口的寬度和高度設置元素的高度

Question

如果我的標題不正確，則爲Sry。

好吧，我得到這個代碼，使我的 「節」 等於高設備：

$(document).ready(function() { 
    function setHeight() { 
    windowHeight = $(window).innerHeight() -80; 
    $('.top-banner').css('min-height', windowHeight); 
    }; 
    setHeight(); 

    $(window).resize(function() { 
    setHeight(); 
    }); 

}）;

它工作正常，所有這一切，但我也使用Navbar Bootstrap，當移動o桌面，導航欄更改高度。我把「-80」放在我的js上，它工作時768 <但是什麼時候是手機，我需要是「-50」。所以，我想我可以用一些「如果其他」來做，但不知道如何去做。我不是老用戶，所以，如果能告訴我我需要什麼代碼，以及它是如何工作的，我會很高興。

Answer 1

不知道添加了什麼尺寸的屏幕寬度爲的if/else條件，因爲我不能完全理解你的問題，但也許這是足以幫助你前進的道路：

function setHeight() { 
    var vw = $(window).width(); 
    var vh = $(window).height(); 
    if (vw <= 768) { 
     $('.top-banner').css('min-height', vh-50 + 'px'); 
    } else { 
     $('.top-banner').css('min-height', vh-80 + 'px'); 
    } 
};