1

それで、私は今晩 Flexbox をいじっていましたが、メディア クエリを使わずに Flexbox アイテムのみを使用して、比較的複雑なレスポンシブ レイアウトを再作成することができました。

本番バージョンを作成するためのメディア クエリの必要性を回避することはできません (背景画像、フォント サイズなどの変更)。以下の注を参照してください)

これは私の質問につながります。私はこれをやるべきですか？

注: Brian Francoによる優れた SASS mixin を使用して、flexbox のクロス ブラウザーの側面を簡素化しました。

4

1 に答える 1

0

このアプローチの主な欠点は、FLexbox のブラウザー サポート (特に、「完全に流動的な」レイアウトの可能性を最大限に高める新しい構文) が、メディア クエリのブラウザー サポートよりも少し悪いことだと思います。たとえば、IE9 はメディア クエリをサポートしていますが、Flexbox の構文はサポートしていません。また、「古い」Flexbox と「新しい」Flexbox の動作には矛盾があり、SASS アプローチでは修正できない場合があります。しかし、それは非常に興味深く有益な実験になると信じています。

于 2013-09-14T03:54:13.240 に答える