CSS根據(jù)寬度設(shè)置樣式是一種常用的技巧，可以讓頁面在不同屏幕尺寸下呈現(xiàn)不同的樣式。通常使用media queries來實現(xiàn)這種功能，具體代碼如下：

/* 當(dāng)屏幕寬度小于等于480px時 */
@media (max-width: 480px) {
/* 設(shè)置樣式 */
}
/* 當(dāng)屏幕寬度大于等于481px且小于等于768px時 */
@media (min-width: 481px) and (max-width: 768px) {
/* 設(shè)置樣式 */
}
/* 當(dāng)屏幕寬度大于等于769px時 */
@media (min-width: 769px) {
/* 設(shè)置樣式 */
}

上述代碼中，使用@media來定義不同的媒體查詢條件，分別對應(yīng)不同的屏幕尺寸。在每個媒體查詢條件下，可以設(shè)置不同的樣式，讓頁面呈現(xiàn)出不同的效果。

一些常用的樣式可以根據(jù)不同屏幕尺寸來設(shè)置，比如字體大小、行高、邊距、尺寸等等。在移動端頁面中，通常需要采用響應(yīng)式布局和自適應(yīng)設(shè)計來適應(yīng)不同的屏幕尺寸，這時CSS根據(jù)寬度設(shè)置樣式的技巧就顯得尤為重要。