Javascript 如何在css中对供应商前缀属性执行calc功能？

我必须建立一个导航栏，从屏幕右侧滑动。它必须覆盖整个屏幕。问题是，在手机中，chrome等浏览器的底部有一个工具栏，它隐藏了页面的某些部分。这是不可行的，因为我还必须在底部显示一些联系信息

对此的修复是使用-webkit-fill-available。 但是，我的导航栏和汉堡包菜单行的css是：

.hamburger-row {
   position: fixed;
   height: 75px;
}

和导航菜单分区

 .nav-menu-div {
    position: fixed;
    height: calc(100vh - 75px);
 }

但要介绍-webkit填充可用，我必须做如下操作

 height: calc(-webkit-fill-available - 75px);

这在css中是不可能的

---

有什么解决方法吗？

如果您的问题是div没有显示，是否需要设置width属性和background color（图像的）属性，如果没有，则div没有显示

---

希望我能帮助您

不，calc需要一个值，而您没有。