隨著移動設備的普及，越來越多的人開始使用手機或平板電腦進行網頁瀏覽，為了滿足用戶對于移動設備上網的需求，我們需要讓網頁的布局能夠自適應不同大小的屏幕。

在網頁設計中，CSS樣式是至關重要的一環。如何對CSS進行編寫，才能夠讓網頁在不同大小的屏幕上顯示適應呢？以下是幾種方法：

/*方法一：使用百分比進行布局*/
.container{
width: 80%;
margin: 0 auto;
}

在這個例子中，.container的寬度被設置為80%，這意味著它將會在屏幕的80%處進行布局。無論屏幕大小如何，.container將會在屏幕上自適應。

/*方法二：使用max-width屬性*/
.container{
max-width: 960px;
margin: 0 auto;
}

在這個例子中，.container的寬度被設置為最大寬度為960像素，但是它不會超過屏幕寬度。這樣做可以保持網頁的布局不會變形，同樣也實現了自適應布局的效果。

/*方法三：使用媒體查詢*/
@media (max-width: 768px){
.container{
width: 100%;
}
}

在這個例子中，我們設置了一個媒體查詢，當屏幕寬度小于等于768像素時，.container的寬度將被設置為100%。這樣做可以讓網頁在移動設備上呈現更好的效果。

總的來說，自適應布局對于移動設備上網頁瀏覽的需求來說是至關重要的。通過對CSS樣式的合理設置，我們可以讓網頁在不同大小的屏幕上展示適應，提升用戶的體驗。