ブラウザのサイズに合わせてテキストサイズを設定する方法は？

Question

私はサイトを構築していますが、ブラウザのサイズに合わせてスケーリングする必要があります。基本的に2列の3列。左と右の列には画像があり、中央の列にはテキストが入っています。左と右にパーセントを与えていますが、それらはうまくいきますが、中央の列のテキストを同じように扱う方法で、ブラウザのサイズ？あなたはCSS3を許可する近代的なブラウザをターゲットにしている場合

Answer 1

ブラウザによって、あなたは、CSSメディアクエリを使用することができます。

<link href="grid-978.css" media="all and (min-width: 1002px) and (max-width: 1247px)" rel="stylesheet"> 

このコードはscreeenサイズの間隔で選択したCSSをロードします。

あなたがここでの例を見ることができます：http://978.gs/

を次にあなたが何ができるかは、あなたが（これはスクロールバーなど、表示するページを持っている効果的な画面サイズを、意味）dispayingされているビューポートに異なるコンテンツを適応させるです。