普段違うブラウザで確認している場合、見落としがちなバグです。高さ」のみを指定その画像要素がFlexboxの小要素である他のブラウザだと横幅のみを指定した時も、縦横比が維持されて表示されます。それがIE、Edgeだと縦横比が無視され、横幅は指定した値で高さは画像の本来の画像サイズで表示されます。//これを指定すると縦横比が維持される}単純にflex-shrinkを指定してあげるだけで良い。高さを指定してしまうと、画面サイズによって横幅や高さを変えたい時に困るので注意してください。BookmarkPocketLINEカテゴリーバグ対応ヒハラTwitterフリーランスのフロントエンドエンジニア。ココナラの立ち上げや、あそびゅーのリニューアルなどスタートアップを中心に開発に関わってきました。最近はなぜか漢方に目覚めて出雲漢方クリニックというクリニックのお手伝いをしてます。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。