在Web開發(fā)中，我們經(jīng)常需要根據(jù)屏幕的高度來進行一些樣式的適配。那么在CSS中，如何判斷屏幕的高度呢？

@media screen and (max-height: 600px) {
/* 樣式代碼 */
}

以上代碼中，使用了CSS3的媒體查詢語法，其中max-height指定了屏幕的最大高度為600px，即可根據(jù)這一條件來應用特定的樣式。

當然，我們也可以使用min-height來指定屏幕的最小高度，例如：

@media screen and (min-height: 700px) {
/* 樣式代碼 */
}

以上代碼中，使用了min-height指定了屏幕的最小高度為700px。

在實際開發(fā)中，我們可以結合JavaScript動態(tài)地修改CSS中的媒體查詢條件，從而實現(xiàn)更加靈活的樣式適配。

// 獲取屏幕的高度
var screenHeight = window.screen.height;
// 修改CSS樣式
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '@media screen and (max-height: ' + screenHeight + 'px) { /* 樣式代碼 */ }';
document.getElementsByTagName('head')[0].appendChild(style);

以上代碼中，我們通過window.screen.height獲取了屏幕的高度，然后動態(tài)地生成了一個新的CSS樣式標簽，并在其中修改了max-height屬性的值。

總之，通過上述方式，我們可以方便地根據(jù)屏幕的高度來進行CSS樣式適配，從而為用戶提供更加友好的使用體驗。