當我們在編寫網頁樣式的時候，經常會遇到一些關于瀏覽器高度的問題。通過CSS，我們可以輕松地控制HTML元素的高度，但是，當我們需要對整個瀏覽器窗口的高度進行操作時，就需要注意一些細節。

首先，我們需要明確一些基本概念。瀏覽器的高度指的是可視窗口的高度，也就是我們可以看到的網頁部分的高度。而非可見性高度（invisible height），即整個頁面的高度。

當我們需要掌控瀏覽器高度時，可以使用CSS單位vh（視窗高度單位）。1vh代表瀏覽器窗口高度的1%。例如，當我們需要讓某個元素占據瀏覽器窗口高度的50%時，可以這樣寫：

.element {
height: 50vh;
}

但是，值得注意的是，當我們使用vh單位時，會遇到一些兼容性問題。部分舊版瀏覽器不支持vh單位，對于這種情況，我們可以使用JavaScript將vh單位轉換成像素值，再進行操作。

// 將瀏覽器視口高度乘以0.01，得到1vh的像素值
var vh = window.innerHeight * 0.01;
// 將元素高度設置為50vh
element.style.height = 50 * vh + "px";

總的來說，CSS中可以很好地掌控瀏覽器高度，但由于兼容性的問題，還需要注意一些細節。