CSS 屏幕占比例是 Web 開發中一個重要的概念。在編寫 Web 頁面時，我們需要確保頁面的元素可以適應不同的屏幕大小，以保證訪問者在不同的設備上都能獲得良好的用戶體驗。

CSS 提供了一系列的長度單位（如 px、em、rem、vh、vw 等），這些單位可以用來控制元素尺寸和位置。下面是一些常用的長度單位：

px：像素，即屏幕上的一個物理點；
em：相對長度單位，基于當前元素的字體大小計算；
rem：相對長度單位，基于根元素（即 HTML 元素）的字體大小計算；
vh：視口高度的百分比，1vh 等于視口高度的 1%；
vw：視口寬度的百分比，1vw 等于視口寬度的 1%。

通過使用這些長度單位，我們可以很容易地實現元素的響應式布局。例如，下面的 CSS 代碼可以使一個元素占據屏幕寬度的一半：

#my-element {
width: 50vw;
}

在上面的代碼中，我們使用了 vw 單位來指定元素的寬度。由于 1vw 等于視口寬度的 1%，因此 50vw 就表示元素的寬度等于視口寬度的一半。

總的來說，CSS 屏幕占比例是 Web 開發中一個非常重要的主題。通過掌握不同的長度單位以及其使用方法，我們可以更輕松地實現頁面的響應式設計，提高用戶體驗。