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

How can i fix the height of the body in mobile devices?

本文关键字:高度 移动      更新时间:2023-09-26

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

这是页面的外观桌面IMG

我试图包含<meta name="viewport" content="width=device-width, height=device-height" />但它只会使内容更大,并且无法解决问题。

这就是我使用它后的样子。电话图像

我在内容中添加的内容越多,页脚就会向下移动。我还试图给身体100%的高度,但这也不能解决它。是否可以使页面适合设备的大小,使其在每个设备中看起来都相同。

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

  2. 尝试使用 Bootstrap 等框架使网页具有响应性。(示例:https://getbootstrap.com/)

  3. 如果您真的坚持在身体上设置高度,请添加您的html,以确保我们可以向您展示您做错了什么。