# 支持新的 CSS 動態視口單元

在 CSS 中，視口是瀏覽器窗口中用於顯示網頁的區域。視口的大小可能會受到用於查看網頁的設備大小和縮放級別的影響。視口高度 (VH) 和視口寬度 (VW) 單位通常用於創建響應式設計，根據視口的大小調整佈局。

移動瀏覽器引入了動態工具欄，可以在網站訪問者滾動時出現或消失；這會導致固定元素被截斷並影響站點訪問者體驗的整體質量。

今天，我們很高興發布新的 CSS 視口寬度和高度單位（小、大和動態），以便在為使用移動瀏覽器的網站訪問者設計網站並與動態工具欄交互時為設計人員提供額外的靈活性。這些新的 CSS 單元將使您能夠確保固定元素不會被移動設備上的工具欄截斷。要使用新的 CSS 視口單元，只需轉到設計器上的[樣式面板](https://university.webflow.com/lesson/style-panel-overview)，並且一定要查看我們[最新的 Webflow 大學文章](https://university.webflow.com/lesson/small-large-and-dynamic-viewport-units)以了解更多信息。

![引入新的 CSS 視口高度和寬度單位，以便在為移動瀏覽器上的網站訪問者設計網站時提供更大的靈活性。](https://i.imgur.com/JmyEclK.jpg)

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/changelog/2023/zhi-chi-xin-de-css-dong-tai-shi-kou-dan-yuan.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.