outerWidth和outerHeight更改方向更改的结果

Question

我在使用window.outerWidth和window.outerHeight时遇到了奇怪的结果。我只是将平板电脑的分辨率打印到网页上，这样我就可以看到我必须使用媒体查询定位的尺寸。

当我以纵向加载网页时，我得到360x559。在横向广告中，我希望获得559x360，而是获得640x279。

我怀疑这是因为Chrome应用中的导航栏，但我无法确认。

代码很简单：

<span id="res"></span>
...
<script>
    $(function() {
        $("#res").text(window.outerWidth + "x" + window.outerHeight);
    });
</script>

我只有一个元标记：

<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

这是在多个Android设备上的Chrome上测试过的，问题相同。

有人可以解释为什么乍一看的结果看起来那么笨拙吗？