屬性拆解
| 聲明 | 含義 | 備註 |
|---|
min-width: 980px | 頁面最小寬度 980px，瀏覽器窗口縮小時內容不再壓縮，出現橫向滾動條 | 響應式佈局常用「斷點」 |
background: 0 | 無效寫法。background 簡寫屬性不接受純數字 | 正確寫法：background: none; 或 background-color: transparent; |
為什麼選 html 而非 body？
html 為文檔根元素，設置 min-width 影響整個視口佈局。body 默認有 margin，若不重置可能導致計算偏差。- 現代重置樣式表（Normalize.css、Reset.css）常在
html 定義 box-sizing: border-box; min-width: ...。
規範重寫建議
html {
min-width: 980px;
background: none; /* 或 transparent */
box-sizing: border-box; /* 推薦全局開啟 */
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
margin: 0; /* 消除默認邊距 */
font-family: ...;
}
