如何在移动设备中固定身体的高度？

Question

移动设备上的屏幕高度不是 100%。不过在更大的设备上看起来不错。

这就是页面的外观DESKTOP IMG

我尝试包含<meta name="viewport" content="width=device-width, height=device-height" />，但它只会使内容变大，并不能解决问题。

这是我使用后的样子。 PHONE IMG

我在内容中添加的东西越多，页脚就会向下移动。我还尝试将高度 100% 赋予身体，但这也无法解决问题。是否可以使页面适合设备的大小，以便在每个设备上看起来都一样。

Answer 1

1. 在身体上设置高度不是一个好主意。如果这是你想要的，你最好使用粘性页脚。 （例如：http://ryanfait.com/sticky-footer/）

2. 尝试使用 Bootstrap 等框架使您的网页具有响应性。 （例如：https://getbootstrap.com/）

3. 如果你真的坚持要在 body 上设置高度，请添加你的 html 以确保我们能告诉你你做错了什么。