在 CSS 中，我們可以使用 `width` 屬性來設置元素的寬度，但該屬性并不總是準確的，因為它取決于設備屏幕的大小和分辨率。為了獲取屏幕寬度，我們可以使用 `window.innerWidth` 方法。
innerWidth 方法返回當前窗口(即瀏覽器窗口)的寬度，它是相對于窗口標題欄的寬度而言的。因此，當我們使用 `innerWidth` 方法獲取屏幕寬度時，應將其減去窗口標題欄的寬度，以確保結果與屏幕的寬度相同。
下面是一個示例代碼，用于設置一個元素的寬度為屏幕寬度的 80%:
```html
This is a paragraph with a width of 80%
在這個示例中，`style` 屬性用于設置元素的樣式，其中 `width: 80%;` 設置了元素的寬度為屏幕寬度的 80%。
請注意，如果屏幕寬度小于 800 像素，則 `innerWidth` 方法返回的寬度將小于 80%。這是因為瀏覽器窗口的標題欄通常占用一部分屏幕寬度。為了解決這個問題，我們可以在設置元素的寬度時使用百分比，并將其設置為 100% 或更大的值，以確保元素的寬度與屏幕寬度相同。
例如，下面是一個示例代碼，用于設置一個元素的寬度為屏幕寬度的 80% 并使用百分比來設置其字體大小：
```html
This is a paragraph with a width of 80% and a font-size of 16px
在這個示例中，`style` 屬性用于設置元素的樣式，其中 `width: 80%;font-size: 16px;` 設置了元素的寬度為屏幕寬度的 80%，字體大小為 16px。
總之，使用 `innerWidth` 方法獲取屏幕寬度時，應將其減去窗口標題欄的寬度，以確保結果與屏幕的寬度相同。