固定幅ベースの elastic レイアウトサンプル

elastic レイアウトと言っても、固定幅ベースか可変幅ベース（とは言っても min、max-width による半固定だけど）のどちらかからのアプローチになるとは思う。当サイトでは、ここ1年半ほど可変幅ベースの elastic レイアウトを採用しているんだけれども、ちょっと思い立って固定幅ベースの elastic レイアウトのサンプルを 3 つほど作ってみた。 文字サイズの変更に追随する elastic レイアウト 作ったのは 600px（640×480向け）、780px（800×600向け）、960px（1024×768向け）の幅をデフォルトで持っていているレイアウト。それぞれ、だいたいどれくらいの幅を指定すれば良いのか調べたかったってのがサンプルを作った主な理由。ブラウザの表示メニューなどから文字サイズを変更すると、それに追随してレイアウトの大きさも変化する。内包するカラムを黄金比

[webmarksjp]

CSS

[sweetlove]

無駄に黄金比

[MotionBros]

elastic レイアウトについて

[lockcole]

Elasticレイアウトの固定幅サンプル。3パターン。「600px（640×480向け）、780px（800×600向け）、960px（1024×768向け）」

[blanc2005]

参考にする！

[nitoyon]

エラスティック レイアウトのサンプル。

[hiro_y]

elasticレイアウト、サンプル。

[barlog]

サンプルが素晴らしすぎる。

[Griffin]

elasticレイアウトについて

[kurobuchi]

文字サイズに合わせてレイアウトも変化するelasticレイアウトのサンプル．

[version510]

エラスティックレイアウトについて。考察用サンプルも

[simpleboxes]

幅をemベースで指定するレイアウト(エラスティック)。これをpx換算して基本幅を決めている。フォントサイズは16pxを基準にしているみたい。16pxは私には大きいので想定幅より小さく表示されるけど実害はない。

[kasedac]

"elastic レイアウトと言っても、固定幅ベースか可変幅ベース（とは言っても min、max-width による半固定だけど）のどちらかからのアプローチになるとは思う‥文字サイズを変更すると、‥レイアウトの大きさも変化"

[saladdays]

エラスティックレイアウト。