Opera 12 で発生する img-fluid がレスポンシブにならない問題

問題

display:flex の中では max-width:100%; が適用されず、width:100%; ならレスポンシブになるが小さい画像まで拡大表示されるため根本解決ではない。

<div style="display:flex;">
    <div style="flex: 0 0 75%">
        <img src="header1.jpg" style="display:block;max-width:100%;height:auto">
    </div>
</div>

解決

親要素に min-width: 0; を追加する。

<div style="display:flex;">
    <div style="min-width: 0;flex: 0 0 75%">
        <img src="header1.jpg" style="display:block;max-width:100%;height:auto">
    </div>
</div>

参考リンクと参考画像

https://stackoverflow.com/questions/31967019/max-width-doesnt-work-in-flexbox