移动设备上的CSS文档高度

Question

好的，所以我的页面在我的电脑上的浏览器中按预期显示。但是，当我在移动设备上加载页面时，出于某种原因，文档height不是100％

我已经阅读了它，很多人建议将这个位置设置为绝对。我不能这样做，因为我使用div来使我的页面居中。

它像我的移动设备一样根据其内容加载页面高度而不是实际的css值。

我的身高和所有其他容器都设置为100％

页脚设置为底部0.但是0不是我手机屏幕的底部，更像是内容的长度。我试过添加

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