CSS / clamp / local-only
可変文字サイズの納品票
3つの画面幅と200%拡大で、計算値と表示の欠けを確認します。入力は端末内だけで扱います。
固定fixture
clamp(14px, calc(14px + 1vw), 24px)
| 幅 | 計算値 | 見る点 |
|---|---|---|
| 320px | 17.2px | 狭幅で欠けない |
| 800px | 22px | 本文が読める |
| 1600px | 24px | 上限で暴れない |
拡大時の境界
- 文字を200%に拡大して見出しと表を確認する。
- 横スクロールなしで値と説明を読めるか確認する。
- 欠け・重なり・省略があれば未確認として残す。
- 端末外への送信や保存とは分ける。
計算値の確認票であり、全ブラウザの表示を保証するものではありません。