在進行網頁設計過程中，CSS背景經常被用到，用以美化頁面。然而有時候我們希望背景不被縮放，保持原有比例及大小。那么該怎么做呢？

body {
background-image: url('bg.jpg');
/* 這里是保持原有比例的關鍵 */
background-size: auto 100%;
/* 下面這行代碼就是禁止縮放背景的過程 */
background-attachment: fixed;
}

上述代碼中，我們可以看到：

• background-image 指定了背景圖片文件
• background-size 屬性先指定寬度自動調整，再通過設置100%的高度讓整幅背景圖片保持原來的比例
• background-attachment 指定為fixed，即不隨滾動條滾動而改變背景位置

這幾個CSS屬性的組合能夠禁止縮放背景同時保持原有比例及大小，讓網頁更加美觀。