使网站适合在移动设备上显示

Question

我在这里找到的一些JS代码遇到了麻烦，这些代码使页面的内容适合任何移动浏览器。我正在使用此JS

let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);

和此CSS，我有-37px，因为我有一个37px的顶部栏，并且css应用于以下部分。我也有overflow：none，所以在Safari IOS中禁用了弹性拖动。

.elementor-7 .elementor-element.elementor-element-31d481bb > .elementor-container{
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc((var(--vh, 1vh) * 100) - 37px);
}}

我在页面底部有被截断的图标，但是我相信这段代码应该使该部分适合任何浏览器底部栏上方的页面？