css中100vh等于多少px怎么计算
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 著作权归作者所有。请勿转载和采集!