在CSS中，我們可以使用多種方法來獲取屏幕寬度，以下是一些常見的方法：

1、使用視口單位：

- 視口寬度單位（vw）：1vw等于視口寬度的1%，如果屏幕寬度為1920px，則100vw等于1920px。

- 視口高度單位（vh）：與vw類似，但用于高度。

```css

.element {

width: 50vw; /* 寬度為屏幕寬度的一半 */

}

```

2、使用百分比：

- 通過百分比來定義寬度，相對(duì)于包含塊的寬度。

```css

.element {

width: 50%; /* 寬度為父元素寬度的一半 */

}

```

3、使用em單位：

- em單位是一個(gè)相對(duì)單位，通常用于表示字體大小，1em等于當(dāng)前字體大小。

```css

.element {

font-size: 16px; /* 字體大小為16像素 */

width: 5em; /* 寬度為字體大小的5倍，即80像素 */

}

```

4、使用rem單位：

- rem單位與em類似，但它是相對(duì)于根元素（html元素）的字體大小。

```css

html {

font-size: 16px; /* 根元素的字體大小為16像素 */

}

.element {

width: 5rem; /* 寬度為根元素字體大小的5倍，即80像素 */

}

```

5、使用媒體查詢：

- 通過媒體查詢可以根據(jù)屏幕寬度設(shè)置不同的樣式。

```css

@media (max-width: 600px) {

.element {

width: 100%; /* 在屏幕寬度小于或等于600px時(shí)，元素寬度為100% */

}

}

```

6、JavaScript獲取屏幕寬度：

- 雖然CSS主要用于樣式設(shè)置，但結(jié)合JavaScript可以動(dòng)態(tài)獲取屏幕寬度。

```javascript

var screenWidth = window.innerWidth || document.documentElement.clientWidth;

console.log("屏幕寬度為:", screenWidth);

```

通過以上方法，你可以在CSS中靈活設(shè)置元素的寬度，無論是靜態(tài)還是動(dòng)態(tài)地適應(yīng)屏幕寬度。