未能设置div值高度以适应剩余空间

Question

我正在使用JQuery和JQuery-Mobile来显示带有标题和地图的简单UI。我希望地图适合整个屏幕，因此它的高度设置为窗口的高度减去标题的高度。

我的javascript很简单：

$(document).ready(function () {
    var maxWidth = $(window).width();
    var maxHeight = $(window).height();

    var headerHeight = $('#header').outerHeight(true);
    var heightMap = maxHeight - headerHeight;
    $('#map').css("height",heightMap);

$（window）.resize（）函数中的行相同。

当屏幕尺寸发生变化时，地图调整得很好，但是第一次加载页面时，横向显示大约10个像素。我该如何解决这个问题？

Answer 1

像这样使用：

$(window).on('load resize',function(){
//your code in here
});