HTML是網頁設計中重要的一環，循環縮放是一個常見的代碼技巧，可以讓網頁元素根據屏幕尺寸或用戶設備自適應縮放，提高用戶體驗。

/* 循環縮放 */
@media only screen and (max-width: 768px) {
/* 在窄屏幕下執行以下代碼 */
body {
font-size: 14px;
}
.container {
width: 100%;
margin: 0;
}
/* 關鍵字Media定義當屏幕最大寬度為768px時執行以下CSS樣式 */
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
/* 在中等寬屏幕下執行以下代碼 */
body {
font-size: 16px;
}
.container {
width: 95%;
margin: 0 auto;
}
/* 定義當屏幕最小寬度為768px且不超過1200px時執行以下樣式 */
}
@media only screen and (min-width: 1200px) {
/* 在大寬屏幕下執行以下代碼 */
body {
font-size: 18px;
}
.container {
width: 90%;
margin: 0 auto;
}
/* 定義當屏幕寬度超過1200px時執行以下樣式 */
}

以上代碼中，使用了@media查詢，通過設定不同的屏幕寬度范圍，設置不同的CSS樣式。這樣，在不同的分辨率下，元素會自動縮放，以適應不同的屏幕尺寸。

循環縮放可以用于網頁布局和排版，使得網頁在不同的設備上都能夠呈現出最佳的視覺效果和交互體驗。需要注意的是，實際使用時，可能需要根據具體情況進行調整和優化，以達到最佳效果。