はてなブックマーク

flexboxを使い始めるとfloatやinline-blockといったレイアウト組が面倒に感じるほど簡単にレイアウトコーディングすることができます。 スマホサイトとかであればあまり気にすることなく使えるのですが、PCサイトの場合は、IEが対応していないため使い所に困ります。 IEを10以上とか最新のみであればいいのですが、まだまだそういうわけにはいきません。 ※スマホでも古いOSなどでは、プレフィックスが必要だったりします。 そこで、対応していないIE8と9でも補完してくれるスクリプトがあります。 まず、flexibility.jsを読み込みます。<script src="js/flexibility.js"></script>次にCSSファイルに一行 -js-display: flex; を追加します。.container { -js-display: flex; display: f