デモページ:幅480pxでの表示 ヘッダ・コンテンツ・サイドバーすべてを同じ幅に変更。 Rubber Layoutsの特徴 多くのウェブページで可変であるFluid Layoutが使用されています。このテクニックは非常に有用ですが、マイナスの面もあります。 スマートフォンで可変のレイアウトを表示するのを想像してみてください。サイドバーはたぶん50pxくらいで、コンテンツは250pxで表示されてしまうでしょう。また、大きなスクリーンで表示した場合は広がりすぎてしまい、恐ろしいほどのリーダビリティを提供してし... > このページを見る
最終更新時間:
2011年09月05日08時45分
みんなのブックマーク 人気(0) 新着
- メディアクエリ
-
レスポンシブWebデザインをつくる際の参考に。
-
(CSS)スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts | コリス
- スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts
- 可変レイアウトのマイナス面を固定レイアウトでカバーする「Rubber Layout」。CSS3のMedia Queries使用。
- たぶんメディアクエリ
- css3
-
スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts | コリスデモページ:幅480pxでの表示 ヘッダ・コンテンツ・サイドバーすべてを同じ幅に変更。 Rubber Layo...
- http://speckyboy.com/2011/08/31/rubber-layouts-combining-static-and-fluid-layouts/

![[CSS]スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts | コリス [CSS]スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts | コリス](http://screenshot.hatena.ne.jp/images/200x150/a/c/0/3/3/fa012b293f957d94770e2129409adfc6164.jpg)






