Javascript 移动浏览器'；的地址栏被切换

我有一个带有背景图像的封面：

<div id="cover"></div>

当地址栏被隐藏或显示时，移动浏览器会出现问题。背景图像会调整大小，我想是因为

cover

size试图填充添加/删除的空间，但它会产生一种非常尴尬的跳跃效果

我试了又试。两者都不起作用。背景图像仍在跳跃。我正在Android Google Chrome上测试这个

我试过了，但也没用：

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

其思想是计算初始高度（以像素为单位），并将封面高度设置为该固定值，这样它就不会再次改变，这样背景图像就不会调整大小。嗯，由于某种原因，我想不出它就是不起作用。跳跃效应仍然存在

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