在網頁設計的過程中，背景圖片是一個非常重要的元素。它可以為網頁增加美感，同時也能夠提升用戶的體驗感。但是在利用CSS控制背景圖片的高度時，我們需要注意一些規定。

background-size: cover;

使用CSS中的background-size屬性來設置背景圖片的尺寸大小。其中，cover的意思是將背景圖片等比例縮放至完全覆蓋容器，盡可能多的填充背景區域，但有可能會剪裁掉一部分圖片。

background-size: contain;

與cover相反的，contain代表將背景圖片等比例縮放至容器內，同時保持圖片完整。但由于圖片不會撐滿整個背景區域，所以會留下一些空白的位置。

background-size: 100% auto;

這個屬性值則是將背景圖片的寬度設為100%，高度自適應。適用于背景圖要占滿整個區域的場合。

總的來說，我們需要根據網頁的需求選擇合適的背景圖片高度，以達到最佳的視覺體驗效果。