CSS是一種用于網(wǎng)頁布局與樣式的語言，它的重要性在網(wǎng)頁開發(fā)中不容小覷。有時候我們需要根據(jù)屏幕的寬度來調(diào)整網(wǎng)頁的顯示效果，那么在CSS中如何獲取屏幕寬度呢？

我們可以使用CSS提供的單位vw和vh來獲取屏幕寬度和高度。其中vw表示屏幕寬度為1%時的尺寸，vh表示屏幕高度為1%時的尺寸。

/* 獲取屏幕寬度 */
.example {
width: 100vw;
}
/* 獲取屏幕高度 */
.example {
height: 100vh;
}

除了使用vw和vh以外，我們還可以通過JavaScript來獲取屏幕寬度并將值賦給CSS屬性。以下是獲取屏幕寬度并設(shè)置元素寬度的示例代碼：

/* HTML */
<div id="example"></div>
/* CSS */
#example {
width: 100%;
}
/* JavaScript */
var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
document.getElementById("example").style.width = screenWidth + "px";

上述JavaScript代碼中，我們通過window.innerWidth、document.documentElement.clientWidth和document.body.clientWidth三種方式獲取屏幕寬度，然后將獲取到的值以像素為單位設(shè)置給元素的width屬性。

總的來說，獲取屏幕寬度在CSS中有多種方式實現(xiàn)，開發(fā)者們可以根據(jù)具體需求來選擇適合自己的方法。