現象：網頁字體突然變大/變小，非網站故障

用戶常誤以為網站代碼錯誤，實則多為**瀏覽器縮放級別/最小字體/編碼設置被意外修改**。各主流瀏覽器恢復默認顯示的方法不同：

分瀏覽器恢復默認字體大小操作

Internet Explorer (IE 8-11) / Edge (IE 模式)

1. 菜單欄法： Alt 彈出菜單 → 檢視 (V) → 文字大小 (Z) → 選 **「中 (M)」** (默認)。
2. 狀態欄縮放： 右下角縮放百分比滑桿/輸入框 → 設為 **100%**。
3. 鍵盤快捷鍵： Ctrl + 0 (數字鍵 0) 立即重置縮放至 100%。
4. Internet 選項重置： 工具 → Internet 選項 → 進階 → 重置 → 勾選「刪除個人設置」→ 重置 (核選選項，慎用)。

Microsoft Edge (Chromium 內核)

• Ctrl + 0 重置縮放。
• 設置 → 外觀 → 縮放 → 100%。
• 設置 → 協助工具 → 最小字體大小 → 拖至最小 (或關閉)。
• 特定網站縮放記憶：地址欄鎖圖標 → 重置縮放。

Google Chrome

• Ctrl + 0 重置縮放 (全域/當前站點)。
• 設置 → 外觀 → 網頁內容 → 字體大小 → **「中 (推薦)」**；自定義字體 → 重置為默認 (標準字體: 16px, 等寬: 13px)。
• 特定站點縮放：地址欄右側放大鏡圖標 → 重置。
• 強制最小字體：設置 → 協助工具 → 關閉「強制最小字體大小」或設為 10px。

Mozilla Firefox

• Ctrl + 0 重置縮放。
• 選單 → 設置 → 通用 → 語言與外觀 → 字體與顏色 → **「預設字體」/「比例字體」/「等寬字體」** → 還原預設值。
• 最小字體大小：設置 → 通用 → 語言與外觀 → 進階 → 最小字體大小 → **「無」**。
• 頁面縮放記憶：關於:preferences#general → 縮放 → 「僅縮放文字」取消勾選 (默認整頁縮放)。

Safari (macOS/iOS)

• macOS: Cmd + 0 重置；Safari → 偏好設定 → 進階 → 「無障礙」→ 勾選「絕不使用小於 X 點的字體大小」→ 設為 9/10pt。
• iOS: 設置 → Safari → 網頁設定 → 網頁縮放 → 100%；或設置 → 顯示與亮度 → 文字大小 (系統級動態字體)。

根治：防止誤觸發縮放

• 🖱️ **滑鼠滾輪 + Ctrl/Cmd** 是最常見誤觸發路徑 → 改變習慣：滾輪滾動頁面，**縮放請用 Ctrl/Cmd + +/- 或選單**。
• 🖥️ **高 DPI 縮放衝突：** Windows 設置 → 系統 → 顯示 → 縮放與佈局 → 100% (推薦) / 125%/150% → 登出重新登入。瀏覽器會繼承系統縮放，導致「雙重縮放」。
• 🧩 **擴展程式干擾：** 查禁「字體/縮放/樣式」類擴展 (如 Auto Zoom, Font Changer 等)。
• 👓 **無障礙需求：** 視力障礙用戶應使用**系統級放大鏡 / 高對比度模式 / 動態字體 (iOS) / 無障礙放大功能**，而非單純瀏覽器縮放，後者會破壞佈局。

開發者視角：響應式字體最佳實踐

• 使用相對單位：rem (根字體大小)、em (父元素字體大小)、clamp() (流體字體)、vw/vh (視口比例)。
• 根元素 html { font-size: 100%; } (即 16px 默認)，尊重用戶瀏覽器/系統字體設置。
• 媒體查詢 @media (prefers-reduced-motion), @media (max-width: ...) 配合流體排版。
• 提供**用戶可控的字體大小切換器** (A+/A-/重置) 作為無障礙增強 (WCAG 2.1 AA 1.4.4)。