在Web開發中，我們經常需要調整CSS樣式以實現各種設計效果。但是，在不同的屏幕尺寸和設備上，可能需要不同的CSS樣式。為了應對這種情況，我們可以使用自動調整CSS樣式的技術。

@media (max-width: 768px) {
/* 在屏幕寬度小于等于768px時應用的樣式 */
body {
font-size: 16px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
/* 在屏幕寬度介于769px和1024px之間時應用的樣式 */
body {
font-size: 18px;
}
}
@media (min-width: 1025px) {
/* 在屏幕寬度大于等于1025px時應用的樣式 */
body {
font-size: 20px;
}
}

上面的代碼中，我們使用了CSS媒體查詢（@media）來指定不同的屏幕尺寸下應用的CSS樣式。其中，max-width表示最大寬度，min-width表示最小寬度，通過這些條件可以實現對不同屏幕尺寸的響應。

利用自動調整CSS樣式的技術，我們可以提高網站的響應性和用戶體驗，讓網站在不同設備上都能夠呈現出良好的效果。