CSS作為一種前端開發語言，可以幫助我們控制網頁的布局和樣式。在開發過程中，許多情況下我們需要獲取頁面寬度來做出響應式布局等一系列操作。下面介紹幾種獲取頁面寬度的方法：

/**
 * 獲取頁面寬度的第一種方法
 */
var pageWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
console.log(pageWidth);

上面的代碼中，我們使用JavaScript的innerWidth屬性、documentElement.clientWidth屬性和body.clientWidth屬性三種方法分別嘗試獲取頁面寬度，如果一種方法無法獲取，則嘗試下一種方法。最終得到的pageWidth即為頁面寬度。

/**
 * 獲取頁面寬度的第二種方法
 */
var pageWidth = document.documentElement.offsetWidth;
console.log(pageWidth);

上面的代碼中，我們使用document.documentElement.offsetWidth方法獲取頁面寬度。注意，這里使用的是offsetWidth而不是clientWidth，因為offsetWidth包括了其它寬度，如border、padding、滾動條等。

/**
 * 獲取頁面寬度的第三種方法
 */
var pageWidth = document.body.scrollWidth;
console.log(pageWidth);

上面的代碼中，我們使用document.body.scrollWidth方法獲取頁面寬度。與上面的offsetWidth方法類似，scrollWidth也包括了其它寬度。

以上就是獲取頁面寬度的幾種方法，不同的方法適用于不同的情況。選擇合適的方法可以讓我們更精準地控制頁面的布局和樣式。