在網頁設計中，CSS扮演著非常重要的角色。而隨著移動設備的普及，如何使CSS適應不同的屏幕大小也成為了設計師們要面對的一種新的挑戰。

要讓CSS適應不同的屏幕，有很多方法。以下是其中的一些方法：

/* 使用響應式設計 */
@media screen and (max-width: 768px) {/* 在這里添加CSS規則 */}

響應式設計是指根據不同的屏幕大小和設備類型，在同一個頁面中使用不同的CSS規則。而這個過程通常使用CSS的@media查詢實現。在@media查詢中，我們可以指定一個最大或最小的屏幕寬度，然后在中括號中添加需要應用的CSS規則。這些CSS規則可以是完全不同的布局，也可以是一些簡單的樣式修改。

/* 使用視口設置 */

視口是指用戶在設備屏幕上看到的區域。如果我們在PC上瀏覽網頁時，一般都是使用瀏覽器的全屏模式。但在移動設備上，因為屏幕較小，我們必須把網頁適應到一個更小的視口中。這時，我們就可以使用視口設置。在HTML文檔頭部添加上述代碼，就可以讓頁面自適應不同大小的屏幕。

/* 使用相對單位 */
div{width:100%;max-width:600px;}

在開發移動設備網站時，應該盡量避免使用固定尺寸單位（如像素）。因為不同的屏幕有不同的分辨率，如果我們使用固定單位，則會出現拉伸或者擠壓的效果。而相對單位則不存在這個問題。在移動設備上，我們可以使用max-width屬性設置元素的最大寬度。

以上是一些CSS適應不同屏幕的方法。當然，這里提到的只是其中的一部分。在實踐中，我們還需要通過多種途徑來兼容不同的設備并讓用戶體驗達到最優。通過不斷的實踐，我們可以逐步提升我們的CSS技能。