CSS自適應(yīng)是網(wǎng)頁設(shè)計(jì)中不可避免的一個(gè)問題，如何讓網(wǎng)頁在不同的屏幕大小下都能夠保持美觀的外觀呢？以下是幾個(gè)快捷的解決辦法：

/* 1. 使用百分比或em來定義尺寸 */
div {
width: 80%;
font-size: 1.2em;
}
/* 2. 使用媒體查詢 */
@media (max-width: 768px) {
div {
width: 100%;
}
}
/* 3. 使用flexbox */
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.item {
flex-basis: 25%;
}
/* 4. 使用grid */
.container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1rem;
}
.item {
grid-column: span 1;
}
/* 5. 使用viewport單位 */
div {
width: 90vw;
height: 50vh;
}

以上就是幾種常見的CSS自適應(yīng)解決方案，不同的方案適用于不同的場(chǎng)景和需求，可以根據(jù)實(shí)際情況來選擇。當(dāng)然，也可以結(jié)合多種方法來實(shí)現(xiàn)最優(yōu)的效果。