リキッドレイアウト -Fluid, Elastic – : CSS, JavaScript
レイアウトの分け方の一つとして横幅を固定した固定レイアウト(Fixed layout)とブラウザの画面サイズに応じて変動するリキッドレイアウト(Liquid layout)がある。またリキッドレイアウトも特徴に応じていくつかに分類することができる[1]。
可変グリッドレイアウト(Fluid Grid Layout)
ブラウザのサイズに対して要素の配置を調整して対応する。
Elasticレイアウト
ブラウザのサイズに対して(画像も含めた)要素のサイズを変更して対応する。
要素のサイズを文字に対する相対的なサイズemで指定する。
- ウノウラボ by Zynga Japan: エラスティック・レイアウトのご紹介
- World Wide Web Consortium (W3C)
- Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You? | How-To | Smashing Magazine
- 最適なレイアウトとは何か？ 固定か、可変か、エラスティック・レイアウトか | gerenuk.crazyphoto.org/
[1] Fluid, Elasticレイアウトがある。
コメント
No comments yet.
コメントの投稿
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。