设置檔不等於真正更換引擎
在一般桌面浏览器內改尺寸,只會模擬可用空间。它不能把 Chromium 變成 WebKit。因此 Viewport Studio 適合比较版面,而引擎相容性仍要在 Safari、Chrome 或真机环境验證。
最常見的差異来源
- 100vh 与動態網址列造成的可見高度
- 日期、搜尋及选择欄位的預設外觀
- 黏附定位和 overflow 組合
- 字型載入、字重及換行位置
- 较新的 CSS 功能或前綴支持
使用新的 viewport 單位
需要貼合可見高度的介面可考慮 svh、lvh 和 dvh,但仍要準備合理 fallback。對話框和底部操作列不要只依賴固定 100vh,也要考慮安全区域及軟鍵盤。
建立浏览器差異回歸清單
把曾經發生的差異變成固定回歸項目,例如 Safari 表單、iOS 导航高度、桌面 Firefox 捲動及 Android Chrome 軟鍵盤。每次发布只重測高風險元件,可大幅縮短周期。