Height = device-heightと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">