リキッドレイアウト -Fluid, Elastic – : CSS, JavaScript


レイアウトの分け方の一つとして横幅を固定した固定レイアウト(Fixed layout)とブラウザの画面サイズに応じて変動するリキッドレイアウト(Liquid layout)がある。またリキッドレイアウトも特徴に応じていくつかに分類することができる[1]

可変グリッドレイアウト(Fluid Grid Layout)

ブラウザのサイズに対して要素の配置を調整して対応する。

Elasticレイアウト

ブラウザのサイズに対して(画像も含めた)要素のサイズを変更して対応する。
要素のサイズを文字に対する相対的なサイズemで指定する。

[1] Fluid, Elasticレイアウトがある。

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。