web担当のkuwaraです。 備忘も兼ねて作業中に遭遇したバグをご紹介いたします。 CSS3には「flexbox」と言うものがありまして、 これを使うとレスポンシブデザインの制作がぐんと楽になるらしいのです。 実装当初は試してみるもブラウザ側の対応状況がまちまちで却って面倒くさい事になっていましたが、 近年では「flexboxを使わざるものはレスポンシブにあらず」といった風潮でなんだかなぁと感じております。 勉強がてらに触ってみたのですが……見事にはまりました。 ブラウザ全然対応してねーじゃねーか! でもまぁ、以前よりはだいぶマシなので無い知恵絞って対応してみました。 文字だけで説明すると表題の通り、「IE11でflex-basisにbox-sizingが効かないバグ」なのですが、 百聞は一見にしかず。 こういったものをご用意いたしました。 バグ確認用ページ http://www.fuj
![【IE11バグ】 flex-basisにbox-sizingが効かない不具合 – 広告のフジプロ](https://cdn-ak-scissors.b.st-hatena.com/image/square/82f13144b6bedb2c95711a90f2c203166d486626/height=288;version=1;width=512/https%3A%2F%2Fwww.fujipro-inc.com%2Fwp-content%2Fuploads%2F2015%2F11%2F20151130.jpg)