01

ブラウザ設定はエンジンを変えない

Chromium内でサイズを変えてもWebKitにはなりません。Viewport Studioで空間を比較し、互換性は実際の対象ブラウザで検証します。

02

代表的な差分

  • アドレスバーと表示高さ
  • 日付・検索・選択部品
  • stickyとoverflow
  • フォント読込と改行
  • 新しいCSS機能
03

新しいviewport単位

svh、lvh、dvhは動的なブラウザUIに役立ちますが、fallbackも用意します。ダイアログは安全領域とソフトキーボードも考慮します。

04

回帰項目を蓄積する

Safariフォーム、iOSナビ高さ、Firefoxスクロール、Androidキーボードなど、過去の不具合を短い固定リストにします。