0

我已将我的 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 应用程序看起来像这样,这似乎使安全区域加倍并完全隐藏了工具栏

在此处输入图像描述

任何输入将不胜感激

4

0 回答 0