尽管 iPhone 模拟器中有底部 urlbar，是否有任何 css 高度为 100%

Question

每个人 我将在我的反应项目的移动版本中全屏填充我的模式。 我刚刚添加了CSS h-100，在iPhone（iphone12，iOS 15）模拟器中，它被urlbar剪切并显示滚动条。 请帮助我。 我尝试过以下

App.js
const appHeight = () => {
    const doc = document.documentElement
    doc.style.setProperty('--app-height', `${window.innerHeight}px`)
}
window.addEventListener('resize', appHeight)
appHeight()

App.css
:root {
  --app-height: 100%;
}

body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  @media (max-width: 500px) {
      height: var(--app-height) !important;
  }
}