Html Safari viewport fit封面不占用整个屏幕高度_Html_Css_Ios_Safari_Progressive Web Apps

Html Safari viewport fit封面不占用整个屏幕高度

html css ios safari

Html Safari viewport fit封面不占用整个屏幕高度,html,css,ios,safari,progressive-web-apps,Html,Css,Ios,Safari,Progressive Web Apps,我在iOS上的主屏幕web应用程序上使用整个屏幕高度时遇到问题。如果我使用viewport-fit:contain，它会在顶部为状态栏留下空白，其他一切都很好。但我想使用整个空间，当我将其设置为覆盖时，它会将视口向上移动，并将空间保留在底部，然后裁剪视图，正如您从屏幕截图中看到的那样我还缺什么吗 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <

我在iOS上的主屏幕web应用程序上使用整个屏幕高度时遇到问题。如果我使用viewport-fit:contain，它会在顶部为状态栏留下空白，其他一切都很好。但我想使用整个空间，当我将其设置为覆盖时，它会将视口向上移动，并将空间保留在底部，然后裁剪视图，正如您从屏幕截图中看到的那样

我还缺什么吗

<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<body style="height: 100vh;">
  <div style="background-color: chocolate; font-size: 44pt; position: absolute; bottom: 0; left: 0; width: 100%;">TESTING</div>
</body>


测试