AndroidブラウザでCSSのFlexbox

質問

デスクトップ向けや比較的新しいスマートフォンブラウザでは、Flexboxを使用できますが、Android 4.0などの標準ブラウザでは用意されていないようです。こういったブラウザで垂直に並べて折り返すようなレイアウトを再現する方法、もしくはjQueryライブラリなどはありますでしょうか。

.flex {
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-box-flex;
display:flexbox;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-line-pack:start;
-webkit-align-content: flex-start;
align-content: flex-start;
}

回答No.1

神崎 渉瑠（@taloo） · ベストアンサー

display: table-cell と、メディアクエリーを組み合わせです。

table-cell もサポートしていなければ dipslay: inline-block とメディアクエリー、
それもサポートしていなければ display: block と float: left とメディアクエリーで段組み数の切り替える方法が使えます。

お礼

実装する方法はなさそうなので、Javascriptで逐一レイアウトしていくことにいたします。