在網頁設計中，我們經常需要對屏幕寬度進行響應式布局，以適應不同設備的屏幕大小。通過 CSS，我們可以很容易地獲得屏幕寬度，并據此調整布局和樣式。 要獲取屏幕寬度，可以使用 CSS 中的 `@media` 規則和 `width` 屬性。下面是一個示例：

<style>
/* 在屏幕寬度小于 768 像素時，樣式 */
@media (max-width: 768px) {
body {
background-color: lightblue;
}
}
/* 在屏幕寬度大于等于 768 像素時，樣式 */
@media (min-width: 768px) {
body {
background-color: lightgreen;
}
}
</style>

在上面的例子中，`@media` 規則分別應用于屏幕寬度小于 768 像素和大于等于 768 像素的情況。在每個 `@media` 規則中，我們都設置了 `body` 元素的背景色，以區分不同的屏幕寬度。 以上的 CSS 代碼只是演示如何使用 `@media` 規則獲取屏幕寬度，并在不同屏幕寬度下設置不同的樣式。在實際項目中，我們可能需要根據屏幕寬度調整布局、大小、字體等多個樣式屬性。 總之，使用 CSS 獲得屏幕寬度是響應式網頁設計中非常重要的一部分。通過 `@media` 規則和 `width` 屬性，我們可以方便地實現不同屏幕大小下的樣式調整，以提高用戶體驗和用戶界面的友好性。