css - IE 8 で html5 shiv を使用した figure と figcaption

Question

figure タグと figcaption タグを使用しているギャラリーがあります。これは最新のすべてのブラウザーで問題なく表示されますが、IE8 ではブラウザーがサポートしていないため、figure および figcaption タグの CSS が壊れます。html5shiv ライブラリを含めるだけでは修正されません。私が呼び出さなければならないメソッドはありますか？

Answer 1

問題は、図要素が含まれている画像に合わせて自動的にサイズ変更されなかったため、CSS で具体的に設定する必要があったことです。

Answer 2

私はこの同じ問題に遭遇し、それが要素の指定max-width: 100%に起因することを発見しました。imgこの宣言を削除すると、IE8 は画像を適切なサイズでレンダリングします。残念ながら、小さい画面ではサイズが反応しないことを意味します。私が知っている最善の解決策はmax-width: none、IE8 以前でのみ適用される条件付きコメントを使用して指定することです。

<!--[if lt IE 9]>
   <style rel="stylesheet">
      img {max-width: none;}
   </style>
<![endif]-->