在網(wǎng)頁(yè)設(shè)計(jì)中，我們通常需要設(shè)置元素的寬度來達(dá)到我們想要的效果。但是，不同設(shè)備的屏幕尺寸各不相同，如果我們使用固定的寬度，就會(huì)造成網(wǎng)頁(yè)在不同設(shè)備上的顯示效果不一致。因此，我們需要使用CSS來設(shè)置寬度自適應(yīng)屏幕。

/* 設(shè)置寬度自適應(yīng)屏幕 */
.example {
width: 100%;
}

上述代碼中，我們只需要將元素的寬度設(shè)置為100%，就可以讓元素的寬度自適應(yīng)屏幕。這樣我們就可以在不同設(shè)備上保持網(wǎng)頁(yè)顯示效果的一致性。

除了設(shè)置寬度為100%之外，我們還可以使用響應(yīng)式布局的方式來實(shí)現(xiàn)寬度自適應(yīng)屏幕。響應(yīng)式布局可以根據(jù)不同設(shè)備的屏幕尺寸，自動(dòng)調(diào)整元素的大小和位置。

/* 響應(yīng)式布局 */
.example {
width: 100%; /* 元素寬度自適應(yīng)屏幕 */
max-width: 600px; /* 最大寬度為600px */
margin: 0 auto; /* 居中 */
}

在上述代碼中，我們使用了max-width屬性限制元素的最大寬度，并使用了margin屬性將其居中顯示。這樣，當(dāng)屏幕尺寸小于600px時(shí)，元素的寬度會(huì)自動(dòng)縮小，而當(dāng)屏幕尺寸大于600px時(shí)，元素的寬度會(huì)保持在600px左右。

綜上所述，我們通過設(shè)置寬度自適應(yīng)屏幕和使用響應(yīng)式布局兩種方式，可以在不同設(shè)備上保持網(wǎng)頁(yè)顯示效果的一致性。