リキッドレイアウトって何？
ウィンドウの幅に合わせてレイアウトの最大幅も変わる設定のこと。divタグで表示をコンテナ化したレイアウトの場合、以下のスタイル例がリキッドレイアウトとなる【図1】。 /* 親コンテナ */ div#container { width: 90%; height: auto; } /* 子コンテナ */ div#contents { width: auto; } ちなみに、div#container内部にdiv#contentsとdiv#archivesの2つのコンテナを並列したスタイルとするなら以下のようなスタイル構成とする【図2】。 /* 親コンテナ */ div#container { width: 90%; height: auto; } /* 並列した子コンテナ */ div#contents { width : auto ; float : left ; } div#content
一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
