如果你想確保你的網頁可以在豎屏設備上顯示良好，那么你需要熟悉如何使用CSS來設置你的頁面，使得它能夠適應豎屏模式的設備。

首先，你需要了解的是，一般而言，頁面默認是橫屏模式，所以，當你需要設定豎屏狀態時，你需要使用 CSS Media Queries。這是 CSS 規范中的一個功能，可以幫助你在頁面中對于不同設備設置不同樣式。

以下是一個使用 CSS Media Queries 來設置豎屏模式的示例：

/* 豎屏設置 */
@media screen and (orientation: portrait) {
/* 這里放置你的豎屏樣式 */
}

通過這段代碼，你就可以在豎屏模式的設備中放置你的 CSS 樣式了。你可以在 CSS 中添加任何你想要的樣式，例如字體大小、布局、顏色、邊框等等。

當然，對于大多數網頁而言，你需要同時考慮橫屏和豎屏兩種狀態。你可以按照以下示例來進行設置：

/* 橫屏設置 */
@media screen and (orientation: landscape) {
/* 這里放置你的橫屏樣式 */
}
/* 豎屏設置 */
@media screen and (orientation: portrait) {
/* 這里放置你的豎屏樣式 */
}

這樣的方式可以確保你的網頁在豎屏和橫屏狀態下都能正常顯示。

總之，通過使用 CSS Media Queries，你可以很容易地設置你的網頁在豎屏模式下的樣式。這在如今的移動設備瀏覽器中變得越來越重要，因為大多數用戶都習慣了用手持設備進行瀏覽，而這些設備一般都是豎屏模式的。