CSS寬度如何控制整個網頁的顯示效果，尤其是在移動設備上，一屏幕的寬度非常有限，因此必須采取有效的措施來優化布局。下面是一些常用的方法：

body {
width: 100%;
margin: 0;
padding: 0;
}

首先，必須將body元素的寬度設置為100%，這樣它才能占據整個屏幕的寬度。另外還需要將margin和padding清零，這樣可以避免瀏覽器默認樣式的影響。

.container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}

接下來，我們需要定義一個容器元素，它將包含網頁的所有內容。這個容器元素的寬度可以根據具體情況來定，一般建議使用max-width屬性，這樣容器元素在屏幕過小的情況下不會被壓縮變形。同時，還需要將其margin屬性設置為“0 auto”，這樣容器元素就可以水平居中顯示了。

img {
max-width: 100%;
height: auto;
}

當然，圖片也是網頁中不可或缺的元素。在移動設備上，圖片過大往往會影響用戶體驗，因此必須將其寬度適當調整。一般來說，可以使用max-width: 100%的屬性值，借助瀏覽器的自適應能力，讓圖片在屏幕上占據合適的大小。

以上只是一些簡單的CSS寬度控制方法，實際應用中還需要根據具體情況來定制布局方案。因此，建議開發者在實踐中探索更多有效的CSS技巧，以提升網頁的用戶體驗。