Javascript 使用双显示器时，如何自动调整div的高度？

我想知道是否有任何方法可以在不刷新页面的情况下实现这一点。我在27英寸显示器上编码，并在15英寸显示器上查看结果。当我将结果移动到27英寸显示器上时，它将保持不变，直到我刷新页面

var hgt=$（window.height（）；
$（'mydiv'）。高度（hgt）

第1页
一些内容
您可以使用
调整大小
浏览器事件来了解何时调整窗口大小

window.addEventListener('resize', function() {   
    var hgt = $(window).height();   
    $('#mydiv').height(hgt); 
});

更好的方法是跳过javascript并使用html/css来完成这一切


html{
身高：100%；
宽度：100%；
}
身体{
身高：100%；
宽度：100%；
}
#mydiv{
身高：100%；
宽度：100%；
}

第1页
一些内容
也许您想了解响应性和引导。当您使用flexbox之类的工具时，结果是否相同？@oneptune我没有使用flexbox。我会在使用flexbox后更新您。@pid我们没有使用任何库。我在上面的例子中使用了jquery，因为提问对我来说会更容易。这是一个更干净的解决方案！