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">

高度=设备高度和window.innerHeight

1 个答案: