html - 高度=设备高度和window.innerHeight

Question

当我设置width=device-width视口属性时，它作为-window.innerWidth由设备相应地更改，但是当我更改height=device-height时它不起作用-window.innerHeight值根本不改变！那么点设置height=device-height属性是什么？我正在移动Chrome上对其进行测试。

这是代码：

<meta name="viewport" content="width=640px, height=320px">
<script>
    function myFunction() {
        x = window.innerWidth;
        y = window.innerHeight;

        document.getElementById("demo1").innerHTML = "width: "+x;
        document.getElementById("demo2").innerHTML = "height: "+y;
    }
</script>

结果是：宽度：640，但高度：279（！）。将其更改为其他任何内容-仍然没有结果。

Answer 1

尝试以下：

<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=device-width, target-densitydpi=device-dpi">