CSS獲得視窗的尺寸 CSS可以幫助我們獲取視窗的尺寸， 這很有用， 因為在響應式設計中， 我們需要根據視窗的大小來調整我們的布局。 下面介紹一些CSS屬性來獲取視窗大小。 1. viewport單位 viewport單位是一個相對于窗口大小的單位。 其中1vw等于視窗寬度的1/100。 同樣， 1vh等于視窗高度的1/100。 示例： ```

``` 這將在窗口中創建一個寬度和高度均為50%的藍色矩形。 2. innerWidth和innerHeight innerWidth和innerHeight屬性返回窗口的尺寸， 不包括瀏覽器工具欄或滾動條等元素。 示例：

這將輸出窗口的尺寸。 3. document.documentElement.clientWidth和document.documentElement.clientHeight document.documentElement.clientWidth和document.documentElement.clientHeight屬性返回文檔的可見部分（不包括滾動條等元素）的寬度和高度。 示例：

這將輸出文檔的可見部分的尺寸。 通過使用這些CSS屬性和Javascript， 我們可以方便地獲取視窗的大小， 以便我們根據其大小調整我們的布局。