/ / Foundation 4メディアクエリ - zurb-foundation

Foundation 4 Media Query - zurb-foundation

私はCSSデザインの初心者です。

私はFoundation 4(Zurb)を使って私の大学のプロジェクトのフロントエンドをデザインしています。私はFoundation 4が本質的に応答性の高いデザインを設計することに敏感であることを学びました。

Foundation 4でCSS Mediaクエリが必要ですか?はいの場合、どのように私はそれから得ることができる何の利点を使用することができますか?

回答:

回答№1は1

docsの "Media-Queries"と "The Grid"のセクションを読んでください: http://foundation.zurb.com/docs/

<div class="row">
<div id="block" class="small-2 large-8 columns">Content</div>
</div>

このコードは "#block"を2列幅にします「小2」クラスによる画面サイズごとに「large-8」クラスは、768px以上のウィンドウ幅での動作をオーバーライドし、大画面では8列幅にします。

簡略化するために、このコードでは、#blockを携帯電話の画面で2列、デスクトップ画面で8列にレンダリングします。

IE6-8のサポートが必要な場合は、Respond.jsも使用する必要があります。 https://github.com/scottjehl/Respond