如何計(jì)算屏幕高度和寬度？

在CSS中，我們可以使用screen屬性來(lái)獲取屏幕的高度和寬度。screen屬性返回一個(gè)包含屏幕信息的對(duì)象，其中包括屏幕的寬度、高度、可用寬度和可用高度等屬性。

要計(jì)算屏幕高度，可以使用screen.height屬性，它返回屏幕的總高度（以像素為單位），如果需要計(jì)算屏幕高度并設(shè)置HTML頁(yè)面的高度，可以使用以下CSS代碼：

html {
  height: screen.height;
}

要計(jì)算屏幕寬度，可以使用screen.width屬性，它返回屏幕的總寬度（以像素為單位），同樣地，如果需要計(jì)算屏幕寬度并設(shè)置HTML頁(yè)面的寬度，可以使用以下CSS代碼：

html {
  width: screen.width;
}

需要注意的是，screen屬性返回的是屏幕的總尺寸，而不是可用尺寸，如果需要計(jì)算可用高度和可用寬度，可以使用screen.availHeight和screen.availWidth屬性，這些屬性返回的是屏幕減去系統(tǒng)UI（如任務(wù)欄、窗口標(biāo)題欄等）后的可用高度和寬度。

使用CSS的screen屬性可以方便地計(jì)算屏幕高度和寬度，并可以根據(jù)這些值來(lái)設(shè)置HTML頁(yè)面的尺寸。