在現今的響應式網頁設計中，CSS的width屬性起到了非常重要的作用，因為它決定了元素在不同屏幕尺寸下的寬度。而自適應屏幕是現代網頁設計的必備要素。因此，如何使用CSS來實現自適應屏幕是值得關注的。

首先，需要了解CSS的width屬性的四種值。固定像素值（px）、百分比（%）、視窗百分比（vw）和彈性盒模型（flex）。其中，前三種值在使用時需要考慮到不同屏幕的尺寸變化，而彈性盒模型能夠更好地實現自適應屏幕。

.container {
display: flex;
width: 100%;
}
.item {
flex: 1;
}

以上代碼是一個簡單的自適應屏幕布局。它創建了一個容器，將其內部元素作為具有彈性的盒子來處理。由于容器的寬度設為100%，它會隨著屏幕大小的改變而自動調整寬度。而元素的flex屬性使其能夠實現平均分配空間的效果，從而適應任何屏幕尺寸。

除了使用彈性盒模型，可以使用媒體查詢（media query）來實現自適應屏幕效果。

@media only screen and (max-width: 600px) {
.container {
width: 100%;
display: block;
}
}

以上代碼使用媒體查詢的方式達到自適應屏幕的效果。在屏幕寬度小于600px時，容器會被設置為100%的寬度，同時將其display屬性設置為block，實現完全自適應的效果。

綜上所述，使用CSS的width屬性來實現自適應屏幕布局有多種方法，在實際開發中需要根據實際情況來選擇正確的方法。而彈性盒模型和媒體查詢的應用則是實現自適應屏幕的主要思路。