100vh表示浏览器窗口的高度,具体数值取决于不同设备的屏幕分辨率和浏览器窗口的大小。可以通过JavaScript计算出当前窗口的高度,然后将其赋值给CSS中的100vh。例如:

var windowHeight = window.innerHeight;
document.documentElement.style.setProperty('--vh', windowHeight / 100 + 'px');

然后在CSS中可以使用变量--vh来表示100vh,例如:

.container {
  height: calc(var(--vh, 1vh) * 100);
}

原文地址: https://www.cveoy.top/t/topic/hftU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录