Android导航栏在Chrome中阻止我的网站底部56px

Question

我有一个头是100vh heigh（正文和html是100％）。 chrome在android上使用Android导航会阻止底部的56px，firefox则不会。

我尝试了@supports (-webkit-appearance:none) {body header {height: calc(100vh - 56px);}}以检测Chrome浏览器

这有效，但也可以在Firefox中工作

因此，有什么解决方案可以使页面底部的元素在所有浏览器中都可见吗？