01

设置檔不等於真正更換引擎

在一般桌面浏览器內改尺寸,只會模擬可用空间。它不能把 Chromium 變成 WebKit。因此 Viewport Studio 適合比较版面,而引擎相容性仍要在 Safari、Chrome 或真机环境验證。

02

最常見的差異来源

  • 100vh 与動態網址列造成的可見高度
  • 日期、搜尋及选择欄位的預設外觀
  • 黏附定位和 overflow 組合
  • 字型載入、字重及換行位置
  • 较新的 CSS 功能或前綴支持
03

使用新的 viewport 單位

需要貼合可見高度的介面可考慮 svh、lvh 和 dvh,但仍要準備合理 fallback。對話框和底部操作列不要只依賴固定 100vh,也要考慮安全区域及軟鍵盤。

04

建立浏览器差異回歸清單

把曾經發生的差異變成固定回歸項目,例如 Safari 表單、iOS 导航高度、桌面 Firefox 捲動及 Android Chrome 軟鍵盤。每次发布只重測高風險元件,可大幅縮短周期。