我已将我的 html 视口高度设置为 100,背景颜色与标题匹配,并且我的 index.html 元标记包含视口适合封面
CSS:
html {
height: 100vh;
background-color: blue;
}
索引.html
<meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height">
这导致给定的空间过多并且工具栏的底部被切断:
现在似乎也有一个错误,当我转动屏幕并返回到原始位置时,该栏消失了,只显示了被切断的工具栏
申请时
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
html 应用程序看起来像这样,这似乎使安全区域加倍并完全隐藏了工具栏
任何输入将不胜感激