2016-08-30 60 views
0

當我設置width=device-width視其財產作爲工作 - 因此window.innerWidth變化通過設備,但是當我改變height=device-height它不工作 - window.innerHeight值並沒有改變!那麼設置height=device-height屬性的點是什麼?我正在使用移動版Chrome進行測試。身高=設備高度和window.innerHeight

下面是代碼:

<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。將它改成其他任何東西 - 仍然沒有結果。

+0

請發表你試過什麼。 – AndrewLeonardi

+0

代碼?截圖?的jsfiddle?你想達到什麼樣的圖表?請提供更多信息,因爲我們無法看到您的網站:( –

+0

@AndrewLeonardi我已更新我的問題,所以您可以嘗試回答嗎? – Mulligun81

回答

0

試試下面:

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

@對不起,但我很害怕你不理解我......我問過爲什麼設置高度=設備高度不起作用,偶然是什麼觀點將它設置爲視口屬性。你能問我的問題嗎? – Mulligun81