在 CSS 中，我们可以使用 `width` 属性来设置元素的宽度，但该属性并不总是准确的，因为它取决于设备屏幕的大小和分辨率。为了获取屏幕宽度，我们可以使用 `window.innerWidth` 方法。

innerWidth 方法返回当前窗口(即浏览器窗口)的宽度，它是相对于窗口标题栏的宽度而言的。因此，当我们使用 `innerWidth` 方法获取屏幕宽度时，应将其减去窗口标题栏的宽度，以确保结果与屏幕的宽度相同。

下面是一个示例代码，用于设置一个元素的宽度为屏幕宽度的 80%:

```html

<div style="width: 80%;">

<p>This is a paragraph with a width of 80%</p>

</div>

在这个示例中，`style` 属性用于设置元素的样式，其中 `width: 80%;` 设置了元素的宽度为屏幕宽度的 80%。

请注意，如果屏幕宽度小于 800 像素，则 `innerWidth` 方法返回的宽度将小于 80%。这是因为浏览器窗口的标题栏通常占用一部分屏幕宽度。为了解决这个问题，我们可以在设置元素的宽度时使用百分比，并将其设置为 100% 或更大的值，以确保元素的宽度与屏幕宽度相同。

例如，下面是一个示例代码，用于设置一个元素的宽度为屏幕宽度的 80% 并使用百分比来设置其字体大小：

```html

<div style="width: 80%;font-size: 16px;">

<p>This is a paragraph with a width of 80% and a font-size of 16px</p>

</div>

在这个示例中，`style` 属性用于设置元素的样式，其中 `width: 80%;font-size: 16px;` 设置了元素的宽度为屏幕宽度的 80%，字体大小为 16px。

总之，使用 `innerWidth` 方法获取屏幕宽度时，应将其减去窗口标题栏的宽度，以确保结果与屏幕的宽度相同。