如何在移动设备中固定身体的高度
How can i fix the height of the body in mobile devices?
移动设备上的屏幕高度不是 100%。不过,它在较大的设备上看起来不错。
这是页面的外观桌面IMG
我试图包含<meta name="viewport" content="width=device-width, height=device-height" />
但它只会使内容更大,并且无法解决问题。
这就是我使用它后的样子。电话图像
我在内容中添加的内容越多,页脚就会向下移动。我还试图给身体100%的高度,但这也不能解决它。是否可以使页面适合设备的大小,使其在每个设备中看起来都相同。
-
设置身体高度不是一个好主意。如果这是您想要的,您最好使用粘性页脚。(例如:http://ryanfait.com/sticky-footer/)
-
尝试使用 Bootstrap 等框架使网页具有响应性。(示例:https://getbootstrap.com/)
-
如果您真的坚持在身体上设置高度,请添加您的html,以确保我们可以向您展示您做错了什么。
相关文章:
- 检测非移动页面上的移动设备屏幕宽度和高度
- 当移动地址栏出现/消失时,防止更改窗口高度
- Bootstrap更改移动设备的导航栏高度
- 猫头鹰旋转木马-自动高度移动问题
- 具有 100% 窗口高度的移动导航栏,无论内容如何
- DHTMLX 移动调度程序事件详细信息视图高度问题
- 如何在移动设备中固定身体的高度
- 在移动设备上的引导程序 3 自动调整大小(高度)中禁用轮播
- 基于移动方向的图像高度
- 移动可查看区域的高度(地址栏和导航栏之间)
- 在不使用jQuery的情况下获取移动设备(尤其是iPhone)上的窗口高度
- jquery移动动态列表视图单元格高度
- 根据我在代码中输入的圆柱体高度和变量值上下移动画布
- 当滑块调整到较小的高度时,滑块后的内容不会向上移动
- Javascript识别浏览器平台是桌面还是移动平台(可能是/不是来自设备宽度-高度)
- 如何在移动设备上用JavaScript获得整个文档的高度
- 我可以以一种平台中立的方式查询无url栏移动Safari窗口高度吗?
- CSS垂直高度(vh)值从桌面到移动设备不同?(jquery mobile框架)
- 如何知道一个移动的人物的宽度和高度,每次我点击它
- 改变li高度会移动父高度