在前端開發中，獲取屏幕寬度是一項常見的任務。在CSS中，我們也需要根據屏幕寬度進行頁面布局、樣式設定等。但是，如何獲取屏幕寬度呢？

在CSS中，我們可以使用媒體查詢來根據屏幕寬度設定不同的樣式。媒體查詢需要使用@media規則，并在括號中指定條件。例如，以下代碼將在屏幕寬度小于600px時應用樣式。

@media (max-width: 600px) {
/* 樣式設定 */
}

但是，如果我們想在JavaScript中獲取屏幕寬度怎么辦呢？在JavaScript中，我們可以使用window對象的innerWidth屬性來獲取屏幕寬度。以下代碼將輸出當前屏幕寬度。

console.log(window.innerWidth);

如果我們想在CSS中根據屏幕寬度進行樣式設定，我們也可以使用JavaScript來實現。以下代碼將在屏幕寬度小于600px時添加一個類名為“small”的樣式。

if (window.innerWidth < 600) {
document.documentElement.classList.add('small');
}

以上是關于如何獲取屏幕寬度的介紹。使用媒體查詢和JavaScript分別可以在CSS和JavaScript中獲取屏幕寬度，并根據它來進行樣式設定或其他操作。