CSS 是一門非常重要的網頁設計語言，掌握它可以讓你在網頁設計方面事半功倍。在 CSS 中，設置高度是非常常見的操作，但有些人不知道的是，設置高度為 100 并不一定是最好的選擇。

/* 以下為設置高度為100的代碼 */
height: 100%;

首先，如果你的頁面內容非常豐富，而你又把高度設置為100%，那么你將面臨一個大問題：你的內容將超出屏幕范圍。這意味著，你的用戶必須不停地上下滾動頁面，才能看到全部的內容。這顯然不是一個優秀的用戶體驗。

此外，當你把高度設置為100%時，你也會面臨另一個問題：圖片變形。如果你的圖片比例與瀏覽器窗口的比例不同，那么你的圖片將會被強行拉伸至適應窗口高度，這樣就會導致圖片變形，影響用戶的閱讀體驗。

/* 以下為避免高度設置為100%導致圖片變形的代碼 */
img {
max-height: 100%;
width: auto;
}

總之，我們應該慎重考慮將高度設置為100%的操作。要想確保用戶有更好的閱讀體驗，我們應該根據頁面設計與內容的需要來靈活設置高度，讓頁面更具有美感和易用性。