如何在移动设备中修复身体的高度？

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. 如果你真的坚持在身体上设置身高，请添加你的HTML，以确保我们能告诉你你做错了什么。