D-20260706-10｜斷點模型三級唯一尺度

背景與驅動力

兩處張力先後浮現：美術資源總複審發現前端技術策略五級斷點表（480／768／1024／1440）與三級常數（640／1024／1440）對同一「切欄」決定給出矛盾值（640 vs 768）；隨後使用者兩問——平板有沒有被涵蓋、高解析下純 px 斷點會不會失準——盤點出真缺口 ＝ 編輯器 PC／Mobile 版面家族無切換斷點（殘留 Tailwind 式「md 斷點」未定義詞）、BREAKPOINT_DESKTOP_PX 用途無明文。

考慮過的選項

• 五級與三級並存：同一決定兩套值必然漂移——否決，砍五級表。
• 另設細粒度斷點或機型綁定斷點：明文禁止，桶間流式。
• 「失準」擔憂經釐清不成立：CSS px 為邏輯像素、DPR 由平台歸一；唯一真邊角 ＝ 使用者調大預設字級時 px 媒體查詢不動——以 em 實作解。

決定

• 斷點收斂三級 640／1024／1440 唯一尺度，值權威 ＝ 程式參數.md；前端技術策略砍五級表、改引常數。
• BREAKPOINT_TABLET_PX（1024）＝ 編輯器版面家族切換點（小於 1024＝Mobile 版面、以上 ＝PC 版面）；版面依寬度、輸入依偵測，兩層正交——平板直向近 Mobile＋ 觸控、橫向近 PC＋ 觸控、外接鍵盤於任一版面啟用快捷鍵。
• 媒體查詢一律 em 實作（40／64／90em 於 16px 基準同值，字級無障礙加分）；單位 ＝CSS 邏輯像素、禁機型綁定。
• BREAKPOINT_DESKTOP_PX（1440）＝ 內容最大寬度：超過即容器置中不放大，與設計畫布 1440×900 一致。

後果與影響

版面決策全 corpus 單一尺度（編輯器操作.md、ui-frontend.md 與頁面線框同步鏡像）；使用者調大字級時斷點隨 em 縮放不失準；平板由「寬度 × 輸入」正交覆蓋、不需自成一級。