CSS可以通過幾種方式獲取瀏覽器的高度,例如使用“vh”或“100%”單位。下面是具體的代碼演示。
/* 使用vh單位 */ body { height: 100vh; } /* 使用百分比單位 */ body { height: 100%; }
以上代碼都可以讓頁面充滿整個瀏覽器窗口,在這種情況下獲取瀏覽器高度也很簡單。
/* 使用JavaScript獲取瀏覽器高度 */ var windowHeight = window.innerHeight; console.log('瀏覽器高度為:' + windowHeight + 'px');
當然,如果需要獲取文檔高度,可以使用以下代碼。
/* 使用JavaScript獲取文檔高度 */ var documentHeight = document.documentElement.scrollHeight; console.log('文檔高度為:' + documentHeight + 'px');
總之,CSS和JavaScript都提供了獲取瀏覽器高度的方法,根據具體情況選擇合適的方法即可。
上一篇css驗證用戶名
下一篇css獲取頁面滾動高度