CSS是一種用于網頁樣式設計的語言。在轉變為響應式設計時，我們需要考慮三種主要的屏幕大小：桌面、平板電腦和手機。以下是如何針對這些不同尺寸的屏幕編寫CSS的方法：

/* 對桌面屏幕進行適配 */
@media only screen and (min-width: 1024px) {
 body {
font-size: 20px;
 }
}

在這個樣式表中，我們使用了一個 @media 查詢，在CSS文件中指定一個特定的分界點。例如，在這個查詢中，我們使用了min-width屬性來指定最小的窗口寬度，使CSS樣式只適用于寬度大于1024像素的窗口。

/* 對平板電腦屏幕進行適配 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 body {
font-size: 16px;
 }
}

在這個樣式表中，我們使用了一個 @media 查詢來針對平板電腦的屏幕尺寸進行適配。我們使用了min-width 和 max-width 屬性來確定使用這個CSS樣式的窗口范圍。

/* 對手機屏幕進行適配 */
@media only screen and (max-width: 767px) {
 body {
font-size: 14px;
 }
}

在這個樣式表中，我們使用了一個 @media 查詢來針對手機的屏幕尺寸進行適配。我們使用了max-width 屬性來確定使用這個CSS樣式的窗口范圍。

隨著越來越多的人使用移動設備來訪問網站，響應式設計變得越來越普及。使用上述方法，在不同的屏幕尺寸上提供更好的用戶體驗變得更容易。希望這篇簡短的CSS介紹可以幫助你更好地理解如何為不同的設備屏幕編寫CSS。