複数のデスクトップ段階
1280/1440pxでノートPC、1920pxで一般デスクトップ、2560/3840pxで超ワイドを確認します。4KでもOSスケーリングによりCSS viewportは小さくなります。
読み幅を制御する
記事やフォームには適切なmax-widthを設定します。ダッシュボードは列を増やせますが、1行の文章を画面全体に伸ばしません。
高密度アセット
- 適切な解像度の写真
- ベクターまたは高密度アイコン
- CanvasでDPRを考慮
- 動画と背景画像の上限
ズームと表示倍率
100%、125%、150%、200%を確認します。単一の4Kフレームでは見つからないoverflowや密度問題を発見できます。