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

/* 設置寬度自適應屏幕 */
.example {
width: 100%;
}

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

除了設置寬度為100%之外，我們還可以使用響應式布局的方式來實現寬度自適應屏幕。響應式布局可以根據不同設備的屏幕尺寸，自動調整元素的大小和位置。

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

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

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