CSS：あなたは、ブラウザのサイズを小さくすると、<a href="http://thinkvitamin.com/">http://thinkvitamin.com/</a></p> <p>をいくつかの点で、右側の列は、単純に消える：幅が減少すると、列を非表示に

Question

をチェックしてください。かなり良いdowngrading、これはかなり柔軟なデザインになります。しかし、私は特別なCSSが続行されることはありません。これはJavascriptですか、これはどういうわけかCSSだけで実現できますか？

Answer 1

これは、純粋なCSS、つまりCSS3のメディアクエリで行われています。

スペック：http://www.w3.org/TR/css3-mediaqueries/

チュートリアル：http://webdesignerwall.com/tutorials/css3-media-queries

ブラウザのサポート：http://caniuse.com/css-mediaqueries（IE8と下を除いて、 "どこでも" 作品）

Answer 2

彼らはCSSでこれを持っているので、右側のセクションが消えた理由は次のとおりです。

width: 24%; 
float: right; 

幅は、セクションはの底に落ちていた一定の幅に設定されていた場合記事。