現在的網頁都是響應式的，可以自動適應不同屏幕尺寸的設備，但是有時候我們會需要對網頁進行縮放，以便更好地查看網頁中的內容。不過，一旦我們使用瀏覽器的縮放功能，網頁的布局就會發生改變，導致一些元素的位置和大小變得混亂，影響用戶的使用體驗。

為了解決這個問題，我們可以使用 CSS 來防止網頁的布局在縮放時發生改變。具體的做法是，使用一些關鍵的 CSS 屬性來指定元素的布局和大小等屬性。下面是一個簡單的例子。

body {
width: 100%;
height: 100%;
}
.container {
width: 960px;
margin: 0 auto;
}
.box {
width: 250px;
height: 150px;
margin-right: 20px;
float: left;
}

在這個例子中，我們使用了 CSS 中的 width 和 height 屬性來指定 HTML 元素的寬度和高度。同時，使用 margin 屬性來指定元素的邊距，float 屬性來指定元素的對齊方式。這樣，即使我們改變瀏覽器的大小或者縮放網頁，元素的布局也不會發生變化。

在實際開發中，還有許多其他的 CSS 屬性可以用來控制網頁的布局，比如 position、display 等。通過合理使用這些 CSS 屬性，我們可以讓網頁在任何尺寸的屏幕上都能夠保持良好的顯示效果，提高用戶的體驗。