在今天的網(wǎng)頁設(shè)計(jì)中，大多數(shù)網(wǎng)站都需要自適應(yīng)不同的屏幕大小，以保證更好的用戶體驗(yàn)。

CSS 的媒體查詢（media queries）是一種使網(wǎng)頁根據(jù)屏幕尺寸和設(shè)備特性來適應(yīng)屏幕的方法。

@media(max-width: 768px){
/*這里添加css代碼*/
}

使用媒體查詢時，需要將需要調(diào)整的 CSS 放在 media query 中，這里以 768 像素的屏幕寬度為例。

@media(max-width: 768px){
body{
font-size:16px;
}
.container{
width:100%;
}
/*這里添加更多的樣式*/
}

在上述代碼中，我們將 body 字體大小設(shè)置為 16px，并將容器的寬度設(shè)置為 100%，使其適應(yīng)屏幕寬度。

在使用媒體查詢時，需要注意不要將太多的 CSS 樣式放在其中，否則可能會影響網(wǎng)頁性能。

最后，需要確保網(wǎng)頁元素能夠適應(yīng)不同屏幕尺寸，并保證用戶體驗(yàn)更佳。