• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

CSS

CSS/ビューポート

Top / CSS / ビューポート

https://developer.mozilla.org/ja/docs/Web/CSS/Viewport_concepts

https://developer.mozilla.org/ja/docs/Learn/CSS/Building_blocks/Values_and_units

ビューポート

• vw:ビューポート幅の 1%。
• vh:ビューポート高さの 1%。
• vmin?:ビューポート幅と高さの小さい方の 1%。
• vmax?:ビューポート幅と高さの大きい方の 1%。

Small Viewport

• UI（ツールバー、アドレスバー等）が表示されたときのviewportの大きさ

• svh
• svw?
• svmin?
• svmax?

Large Viewport（ラージビューポート）

• UI（ツールバー、アドレスバー等）が表示されていないときのviewportの大きさ

• lvh?
• lvw?

• lvmin?
• lvmax?

Dynamic Viewport

• UI（ツールバー、アドレスバー等）の表示・非表示を考慮した、現在の表示に合わせたviewportの大きさ

• dvw?
• dvh?
• dvmin?
• dvmax?