HTML5設置總寬度 HTML5是一種常用的網頁開發語言，它提供了多種標簽和屬性，用于控制網頁的布局和樣式。其中一個重要的屬性是總寬度，可以指定網頁的寬度，讓網頁在不同的設備上正確顯示。本文將介紹如何通過HTML5設置總寬度。 一、設置頁面寬度 在HTML中，可以使用meta標簽來指定網頁的視口寬度，即網頁的可見區域寬度。以下是設置頁面寬度的代碼：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

其中，width=device-width表示視口寬度等于設備的寬度，initial-scale=1.0表示初始縮放比例為1.0，即不縮放。 二、設置總寬度 除了設置頁面寬度，還需要設置總寬度，以控制網頁的布局。常用的方法是使用CSS樣式表，通過設置body元素的寬度來指定總寬度。以下是設置總寬度的代碼：

body {
width: 960px;
margin: 0 auto;
}

其中，width屬性指定總寬度為960像素，margin屬性將網頁居中顯示。 三、響應式設計 為了適應不同大小的設備，可以使用響應式設計來動態調整網頁的布局。通常是通過CSS media查詢來實現。以下是一個簡單的響應式設計代碼：

@media screen and (max-width: 768px) {
body {
width: auto;
}
}

當設備寬度小于768像素時，將總寬度設置為自適應，即width:auto，以適應小屏幕設備。 總之，設置總寬度是HTML5網頁布局中一個重要的方面。通過設置視口寬度和總寬度，可以讓網頁在不同的設備上正確顯示，并提供更好的用戶體驗。