旋转横向以使div全屏（使用jQuery）

Question

使用Safari在iPhone上从纵向更改为横向时，执行以下代码：

$(window).resize(function() {
    if (window.innerWidth > window.innerHeight) {
        $("#map").css("position", "absolute");
        $("#map").css("top", "0");
        $("#map").css("left", "0");
        $("#map").width(window.innerWidth);
        $("#map").height(window.innerHeight);
    }
});

我的问题是地图div似乎只填充了屏幕的一半，尽管要求它填满整个屏幕？有谁知道为什么会发生这种情况？在这一个上摸不着头脑，似乎找不到任何答案。