CSS 隨尺寸自適應是指在不同的設備尺寸下，頁面的布局和元素的大小可以自動適應，以呈現出更好的用戶體驗。下面是一些實現 CSS 自適應的方法：

/* 使用百分比布局 */
#container {
width: 80%;
margin: 0 auto;
}
/* 使用媒體查詢 */
@media screen and (max-width: 768px) {
#container {
width: 100%;
}
}
/* 使用 CSS Grid */
#container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
/* 使用 rem 單位 */
html {
font-size: 16px;
}
h1 {
font-size: 2rem;
}
p {
font-size: 1rem;
}
@media screen and (max-width: 768px) {
html {
font-size: 14px;
}
}

上面的代碼示例演示了用百分比、媒體查詢、CSS Grid 和 rem 單位來實現 CSS 自適應。這些技術可以用來設計響應式網頁，使頁面在不同設備上呈現出正確的布局和大小。