說明:移動優化
移動優化
本頁說明如何提高頁面在手機與平板端的可讀性。
基本原則
- 優先保證內容不出現橫向溢出。
- 長表格與長代碼塊要可滾動。
- 重要信息應在小屏首屏可見。
常見問題
寬表格撐破布局
可在容器中包裹表格：
<div style="overflow-x:auto;">
{| class="wikitable"
! 列 1 !! 列 2
|-
| 内容 || 内容
|}
</div>
代碼塊過寬
- 控制單行長度。
- 必要時分段展示。
圖片過大
- 指定合理寬度（如 `300px`）。
- 為移動端重點頁面避免超寬原圖直接內聯。
編輯檢查清單
- 在移動端皮膚下預覽一次。
- 確認無橫向滾動條覆蓋正文。
- 檢查表格、圖片、模板是否仍可讀。