调整窗口大小时，全屏英雄问题与下拉菜单

Question

考虑到导航栏的高度，我创建了一个Fullscreen Hero。

function fullScreenHero(){
    var width=$(window).width();
    var navHeight=$('nav').height();
    var height=$(window).height()-navHeight;
    $('#hero').width(width);
    $('#hero').height(height);
}

对于手机和平板电脑，我在导航栏中添加了一个下拉菜单。显示下拉菜单然后我调整窗口大小时会出现问题。下拉菜单占据屏幕的一半。

问题是，当您调整窗口大小时，英雄会被削减一半，因为显示下拉列表时var navHeight的尺寸会加倍。

下面的功能有时会起作用，但并非总是如此，所以它没用。

$(window).resize(function(){
    $('nav').removeClass('dropdown-menu');
});