移動設備上的CSS文檔高度

Question

好吧，我的網頁在我的電腦上的瀏覽器中按預期顯示。但是，當我加載我的網頁在移動設備上，出於某種原因，文檔height不是100％

我已閱讀並且其中許多人建議將位置設置爲絕對。我不能這樣做，因爲我使用div來讓我的頁面居中。

它像我的移動設備的接縫基於其內容而不是實際的CSS值加載頁面高度。

我的身高和所有其他容器設置爲100％

頁腳設置爲0底部0，但不IST在屏幕的底部我的手機在其更像是內容的長度。我曾嘗試加入

echo ' <meta name="viewport" content="width=device-width,height=device-height initial-scale=1">'; 

但它仍然是一樣的。

更新： 確定它的接縫像我在手機上看到的是不成比例的。它被設置爲適合屏幕寬度，但高度沒有調整到該比例。因此，不管使用高度設置的縮放比例是多少。我會嘗試將固定屬性用於我的頁腳，並保持發佈。 謝謝

Answer 1

我想你錯過了,之後的身高屬性。 變化

<meta name="viewport" content="width=device-width,height=device-height initial-scale=1">

到

<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1">