CSS取電腦屏幕高度最常用的方式是使用視口單位,即vh。1vh代表屏幕高度的1%,具體實現方法如下:
/* 在body中設置高度為100vh */ body { height: 100vh; } /* 在元素中設置高度為屏幕高度的50% */ .element { height: 50vh; }
除了使用視口單位,也可以通過JavaScript來獲取屏幕高度并動態設置元素高度:
/* 獲取屏幕高度并設置元素高度 */ var screenHeight = window.innerHeight; document.getElementById('element').style.height = screenHeight + 'px';
以上兩種方法都可以有效地獲取電腦屏幕高度,并根據具體需求設置元素高度。