Bootstrap 4 清晰度设计网格
当我在浏览器的响应视图（例如Firefox:iphone X）中开发时，一切都非常适合，但当我切换到iphone X浏览器（Safari或Chrome）时，内容会出现在浏览器底部菜单的后面，我需要滚动查看内容 网格是否未考虑视口大小减去浏览器底部菜单大小 有没有克服这个问题的暗示Bootstrap 4 清晰度设计网格,bootstrap-4,vmware-clarity,flexboxgrid,Bootstrap 4,Vmware Clarity,Flexboxgrid,当我在浏览器的响应视图（例如Firefox:iphone X）中开发时，一切都非常适合，但当我切换到iphone X浏览器（Safari或Chrome）时，内容会出现在浏览器底部菜单的后面，我需要滚动查看内容 网格是否未考虑视口大小减去浏览器底部菜单大小 有没有克服这个问题的暗示 提前感谢。我设法找到了一个解决办法，虽然不是理想的解决方案，但解决了这个问题 在移动环境中，固定底部菜单始终可见的挑战在于.main container包装中的属性height:100vh。那么解决办法是什么 已添加到
提前感谢。我设法找到了一个解决办法，虽然不是理想的解决方案，但解决了这个问题 在移动环境中，固定底部菜单始终可见的挑战在于
.main containerheight:100vhstyle.css中，以定义参考高度height:100%
html，正文{
身高：100%；
}
在app.component.css中
。主容器{
身高：100%！重要；
}
。。。一切都结束了。请参见。上的示例。您是否有要查看的示例？仅凭这一点就很难知道该提出什么建议。Stackblitz非常适合制作演示。谢谢，我将准备在Stackblitz中运行的代码，请查看Stackblitz的链接：。如果我们在桌面浏览器中打开链接，底部菜单栏将可见，但在手机（iphoneXS，7，…）中，菜单栏被浏览器底部菜单隐藏。要访问代码。