css - 特定のブレークポイントから固定レイアウトを流動レイアウトにする方法は?

Question

ウィンドウの幅が 960px を超えるまで、レイアウトを修正する必要があります。その後は、以前のグリッド システムの関係を維持しながら流動的に進む必要があります。この問題のベスト プラクティスはありますか?

Answer 1

これはメディアクエリと呼ばれます。それを使用して特定の幅の css を記述できるため、レイアウトを流動的なものに変えることができます。

@media (min-width:400px) and (max-width: 950px) {
    /* your css for the fluid layout */
}

http://webdesignerwall.com/tutorials/css3-media-queriesの小さなガイドを次に示します。