Firefox 28.0 より multi-line flexbox サポート

2014年3月18日にリリースされた Firefox 28.0 より multi-line flexbox がサポートされています。   http://www.mozilla.org/en-US/firefox […]

2014年3月18日にリリースされた Firefox 28.0 より multi-line flexbox がサポートされています。

http://www.mozilla.org/en-US/firefox/28.0/releasenotes/

これまで、 CSS Flexible Box Layout Module 検証サンプルページ などで flexbox を試してきていましたが、Firefox では、 multi-line に対応していませんでした。具体的には、flex-wrap プロパティが無効となっていました。

Firefox 28.0 からは、 flex-wrap プロパティが有効となっています。

当サイトのレイアウトは、 flex-wrap プロパティが有効なブラウザでは、flexbox と Media Queries を使ったレスポンシブウェブデザインとなっています。そうでないブラウザでは、inline-block と Media Queries によるデザインです。