CSSを使用した流体レイアウト

流体レイアウトを利用するサイトには気付きましたが、ページを縮小してコンテンツを見やすくするためには、ページ上の要素を削除して要素を置き換えることができます。CSSを使用した流体レイアウト

私の質問は（..それはおそらく、JavaScriptのCSSの場合）、これを実現するために使用されているものCSS ..ですか？この技術についてもっと知るにはどうすればいいですか？

ありがとうございます！

2011-01-28 Alex

サイトのような..？ –

@David良い点が追加されました。 – Alex

スタイルシートには、画面が800ピクセル以下の場合のさまざまなルールが含まれています。あなたは、ページのスタイルシートを見れば、次のようにライン983上@mediaルールがあります：私は、サイトは、古いブラウザ用としてうまくスタイルを変更しないことを推測するよう

@media screen and (max-width: 800px) { 
    /* Alternate rules here*/ 
}

これはCSS3の機能です。（ジムが指摘したように、応答性の設計と呼ばれている）メディアクエリの詳細については、http://www.w3.org/TR/css3-mediaqueries/#width

2011-01-28 14:15:06 detaylor

優れたレスポンス！どうもありがとう：） – Alex

CSS Media Queriesを使用します。 CSSファイルの末尾を見て：「流体」のデザインは、通常、幅が固定されていない設計と呼ばれているのに対し、

2011-01-28 14:08:50 RoToRa

このタイプの設計は、より一般的に、「応答」デザインとして知られています。

CSSメディアクエリを使用して、このようなデザインを作成できます。

2011-01-28 14:09:51 Jim

この技術についての興味深い記事で見ることができます。

2011-01-28 14:34:06

答えて