CSS是一種非常重要的前端技術，可以用來控制網頁的樣式和排版。但是，當我們在不同的屏幕上打開網頁時，CSS的樣式可能會出現不同，這是因為不同的屏幕有不同的尺寸和分辨率。

CSS可以根據不同的屏幕自適應調整樣式，從而使網頁在不同屏幕上顯示正常。下面是一些常見的針對不同屏幕的CSS技巧：

@media screen and (max-width: 768px) {
/* 這個CSS樣式只會在屏幕寬度小于768像素時生效 */
body {
font-size: 14px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
/* 這個CSS樣式只會在屏幕寬度在769像素到1024像素之間時生效 */
body {
font-size: 16px;
}
}
@media screen and (min-width: 1025px) {
/* 這個CSS樣式只會在屏幕寬度大于1024像素時生效 */
body {
font-size: 18px;
}
}

使用@media媒體查詢可以根據不同的屏幕寬度來調整樣式。在上面的代碼中，我們根據不同的屏幕寬度來調整body標簽的字體大小。當寬度小于768像素時，字體大小為14像素，寬度在769像素到1024像素之間時，字體大小為16像素，寬度大于1024像素時，字體大小為18像素。

除了字體大小外，我們還可以根據屏幕寬度來調整其他CSS樣式，例如圖片尺寸、邊距、排版等。這些針對不同屏幕的CSS技巧可以幫助我們打造出更加靈活、優雅的網頁。