HTML 設置 Body 的大小 在 HTML 頁面中，Body 元素是最重要的元素之一，它是直接包含頁面主體內容的容器。我們可以使用 CSS 樣式來設置 Body 元素的大小，以適應不同類型的屏幕或設備。以下是一些基本的 HTML 代碼和 CSS 樣式，用于設置 Body 元素的大小： ```

Hello World!

``` ## Body 元素的大小 Body 元素的大小由其寬度和高度屬性決定。默認情況下，Body 元素的寬度和高度都是自適應的，即它將自動占滿頁面的整個寬度和高度。為了更好地控制頁面的布局和排版，我們可以使用 CSS 樣式來設置 Body 元素的大小。 ## 設置寬度和高度 要設置 Body 元素的寬度和高度，我們可以使用 CSS 樣式中的 width 和 height 屬性。以下是一個示例： ``` body { width: 500px; height: 800px; } ``` 在上面的示例中，我們設置了 Body 元素的寬度為 500 像素，高度為 800 像素。這將使 Body 元素的大小保持不變，無論屏幕的大小如何。 ## 設置百分比寬度和高度 為了使頁面更具響應性，我們可以使用百分比值來設置 Body 元素的寬度和高度。以下是一個示例： ``` body { width: 100%; height: 100%; } ``` 在上面的示例中，我們將 Body 元素的寬度和高度均設置為 100%。這將使 Body 元素占據整個頁面的寬度和高度，以適應不同大小的屏幕或設備。 ## 設置最小和最大寬度和高度 為了更好地控制 Body 元素的大小，我們可以使用 CSS 樣式中的 min-width、max-width、min-height 和 max-height 屬性。以下是一個示例： ``` body { min-width: 300px; max-width: 800px; min-height: 400px; max-height: 1200px; } ``` 在上面的示例中，我們設置了 Body 元素的最小和最大寬度和高度。這將使 Body 元素在頁面縮放時保持相對穩定，并防止出現滾動條。 ## 總結 在 HTML 頁面中，設置 Body 元素的大小是一項基本任務。我們可以使用 CSS 樣式中的 width、height、min-width、max-width、min-height 和 max-height 屬性，來控制頁面的布局和排版。根據實際需要，我們可以設置 Body 元素的大小為固定的像素值，也可以設置為百分比值，以適應不同類型的屏幕或設備。