在Web開發中，CSS（層疊樣式表）是控制頁面外觀的重要工具。其中，相對于屏幕的CSS單位包括像素（px）、百分比（%）、視口百分比（vw和vh）等。

像素是最常用的單位，它對應著屏幕上的物理像素。在不同設備上，像素的大小是不同的，因此在編寫CSS時要考慮到不同設備的屏幕大小和分辨率。

/* 使用像素設置元素的邊框粗細 */
.my-border {
border: 1px solid black;
}

百分比是另一種常用的單位，它相對于父元素的寬度或高度進行計算。因此，使用百分比可以實現響應式設計，使頁面在不同大小的屏幕上都能夠自適應布局。

/* 設置元素寬度為父元素寬度的50% */
.my-width {
width: 50%;
}

視口百分比則相對于屏幕的視口大小進行計算。vw和vh分別代表視口寬度和高度的百分比，可以用于實現響應式設計和移動端布局。

/* 在移動端使用vw設置字體大小 */
.my-font {
font-size: 5vw;
}

除了以上幾種單位外，CSS還有em、rem、ch、ex等單位，它們的計算方式都比較復雜，較少使用，在此不再詳述。

總之，在編寫CSS時，正確使用相對于屏幕的單位可以實現響應式設計和移動端布局，提升用戶體驗。