CSS是前端開(kāi)發(fā)中不可或缺的一部分，它可以用于控制網(wǎng)頁(yè)的布局和樣式。在CSS中，Media Query是一種非常重要的技術(shù)，它可以根據(jù)設(shè)備不同的尺寸、屏幕方向和分辨率等屬性，來(lái)適配不同的設(shè)備。其中，高度是Media Query中一個(gè)非常重要的屬性。

@media screen and (max-height: 600px) {
/* 在窗口高度小于等于600px時(shí)應(yīng)用這段樣式 */
body {
background-color: blue;
}
}

通過(guò)上面這段代碼，我們可以看出，當(dāng)窗口高度小于等于600px時(shí)，背景顏色會(huì)變成藍(lán)色。這是因?yàn)槲覀兪褂昧薓edia Query中的max-height屬性，它指定了當(dāng)窗口高度小于等于600px時(shí)應(yīng)用該樣式。

Media Query中還可以使用min-height屬性，它與max-height相反，指定了當(dāng)窗口高度大于等于某個(gè)值時(shí)應(yīng)用該樣式。除此之外，Media Query還可以使用orientation屬性，來(lái)指定橫屏或豎屏?xí)r應(yīng)該顯示哪種樣式。

@media (orientation: portrait) {
/* 豎屏?xí)r應(yīng)用這段樣式 */
body {
font-size: 16px;
}
}
@media (orientation: landscape) {
/* 橫屏?xí)r應(yīng)用這段樣式 */
body {
font-size: 20px;
}
}

上面這段代碼中，我們使用了orientation屬性來(lái)設(shè)置橫屏和豎屏?xí)r的樣式。當(dāng)設(shè)備處于豎屏狀態(tài)時(shí)，字體大小會(huì)變成16px，而當(dāng)設(shè)備處于橫屏狀態(tài)時(shí)，字體大小會(huì)變成20px。

總之，Media Query中的高度屬性是一個(gè)非常重要的屬性，它可以讓我們針對(duì)不同的設(shè)備尺寸來(lái)編寫(xiě)不同的樣式，從而實(shí)現(xiàn)更好的用戶體驗(yàn)。