Css媒體查詢是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)不可或缺的一部分。其中固定寬度是很常見(jiàn)的一種媒體查詢方式。

我們可以通過(guò)以下的代碼實(shí)現(xiàn)在不同設(shè)備上固定寬度的效果。

/* 默認(rèn)樣式 */
.container{
width:600px;
}
/* 媒體查詢 */
@media screen and (max-width: 768px){
.container{
width:90%;
}
}

在以上代碼中，我們首先設(shè)置了一個(gè)默認(rèn)樣式，即在大部分設(shè)備上容器的寬度為 600px。

但是，當(dāng)屏幕小于等于 768px 的時(shí)候，我們使用了媒體查詢，并通過(guò)設(shè)置 width 為 90% 實(shí)現(xiàn)了固定寬度的效果。

在實(shí)際項(xiàng)目中，我們可以根據(jù)實(shí)際需要設(shè)置不同的媒體查詢，以便在不同的設(shè)備上達(dá)到最佳的頁(yè)面顯示效果。

總之，通過(guò)使用 Css 媒體查詢固定寬度，我們能夠輕松實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，提高頁(yè)面的兼容性和用戶體驗(yàn)。