在網頁設計中，我們經常需要根據不同的屏幕尺寸對元素進行定位和排版。CSS提供了多種針對屏幕定位的方法，下面我們來介紹一些常見的技巧。

@media screen and (max-width: 600px) {
body {
font-size: 16px;
}
}

上面的代碼使用了CSS的媒體查詢功能。它表示：當屏幕寬度小于等于600像素時，將body元素的字體大小設置為16像素。這樣可以讓網頁在小屏幕設備上更易讀。

.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

這段代碼是一個常用的居中布局技巧。它將一個元素的寬度設置為100%，并使用margin屬性將其水平居中。但是為了保證頁面在大屏幕設備上不會出現太寬的布局，我們加上了一個最大寬度的限制。

.image {
background-image: url(image.png);
background-size: cover;
height: 300px;
}

上面的代碼演示了如何使用背景圖片撐滿一個固定高度的元素。這里使用了background-size屬性將背景圖片調整為合適的尺寸。

總之，CSS提供了豐富的針對屏幕定位的技術，通過靈活應用這些技巧，我們可以在不同的設備上呈現出最佳的用戶體驗。