CSS中獲取屏幕高度的方法有很多種,下面我們介紹幾種常見的方法。
第一種方法是使用CSS3中的vh單位,vh代表視口高度的百分比,1vh等于視口高度的1%。比如,如果屏幕的高度是800px,那么1vh就等于8px。
//使用vh單位設置元素的高度 div{ height: 100vh; }
第二種方法是使用JavaScript的方法獲取屏幕高度,并通過CSS設置元素的高度。
//使用JavaScript獲取屏幕高度 var screenHeight = window.innerHeight; //使用CSS設置元素的高度 div{ height: ${screenHeight}px; }
第三種方法是使用CSS的calc()方法計算屏幕高度,calc()方法可以進行簡單的數學運算,比如加減乘除。
//使用calc()方法計算元素高度 div{ height: calc(100% - 50px); }
以上就是CSS中獲取屏幕高度的幾種方法,開發者可以根據實際需求選擇適合的方法。