javascript - 如何修复移动设备中的主体高度？

Question

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

这就是页面的样子 DESKTOP IMG

我试图包含 <meta name="viewport" content="width=device-width, height=device-height" />但这只是让内容变得更大，并不能解决问题。

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

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

Answer 1

1. 设置主体的高度不是一个好主意。如果您想要的话，最好使用粘性页脚。 (例如:http://ryanfait.com/sticky-footer/)

2. 尝试使用 Bootstrap 等框架使您的网页具有响应能力。 (例如:https://getbootstrap.com/)

3. 如果您确实坚持设置正文的高度，请添加您的 html，以确保我们可以向您展示您做错了什么。