2019.10.28【Bootstrap4】IE11でcard画像が伸びてしまう:対処方法は?ツイートシェアはてブ送るPocketBootstrap4には「card」というパーツがあります。WEBサイトで「当社の3つの特徴」とか「3大機能をご紹介!」とかでよく使うパーツです。俗に「3PR」などと呼ばれている箇所です。これをBootstrap4では「card」と呼んでいて定めれたコードを当てはめるだけで簡単に作れます。詳細はこちらの解説サイトをどうぞ。この便利な「card」なのですがIE11で見ると表示が乱れるというバグがあります。いう感じになります↓*デモサイト(*IE11で見てください)何故か画像が縦に間延びしてしまいます。酷すぎて泣けてきます(>_<、)対処法これの対処法は2つあります。1つ目はHTMLコードにクラスを追加する方法です。クラス「d-block」を追加。alt="">*デモサイト:修正方法12つ目はCSSで制御する方法です。100%;flex-shrink:0;}*デモサイト:修正方法2IE11で確認してもらえると分かりますが、どちらの方法でも大丈夫です。お好きな方を選んでください。box」を使っています。box」系でバグが多いです。日本人の1割が「IE11」を使ってる現状なのでWEB制作者としてこれを無視するわけにはいきませんね。新・WordPressテーマ「Lightning」でサイト制作:まとめページWordPressテーマ「BusinessPress」でWEBサイトを制作:まとめページ便利なWordPressプラグイン:まとめページ無料画像編集ソフト「PhotoScape」使用方法:まとめページランサーズ受注ノウハウ:まとめページブログ主プロフケンです。後半開始⇒帰郷して職業訓練⇒2人会社勤務⇒フリーランスとなる。◇Twitterは更新通知+小ネタ用です。