/ 最終更新日 : 2020年2月19日 tatsuya 画像 InternetExplorer11でデザインが崩れる VWSとは › フォーラム › バグ報告と提案 › InternetExplorer11でデザインが崩れる InternetExplorer11でデザインが崩れる タグ: 画像, カラム, InternetExplorer, InternetExplorer11 このトピックには7件の返信、3人の参加者があり、最後にtatsuyaにより4年、 9ヶ月前に更新されました。 8件の投稿を表示中 - 1 - 8件目 (全8件中) 投稿者 投稿 2020年2月19日 2:32 PM #33594 tatsuya参加者 ブロックでカラム分けし、その中に画像を配置した場合、InternetExplorer11で表示すると画像がカラム内に収まらずはみ出してしまう。 このトピックはtatsuyaが4年、 9ヶ月前に変更しました。 2020年2月19日 2:45 PM #33597 うなこモデレーター カラムブロックを使用して、その中に画像を設置した場合にIE11ではみ出るということでしょうか? わたしの環境のIE11で見る限りでははみ出ないのですが、もし差し支えなければ該当のURLか画面キャプチャを貼っていただけますか? 2020年2月19日 10:34 PM #33626 tatsuya参加者 キャプチャを貼ります。 よろしくお願いします。 Attachments:You must be logged in to view attached files. 2020年2月20日 4:25 AM #33647 ベストアンサー DRILL LANCERモデレーター WordPress コアの カラムブロック は IE11 で閲覧することを想定していないためか、IE 固有のバグがいくつか発生します。また、現在は Flexbox を採用していますが、近いうちに CSS Grid を採用するという噂もあるのでますます脱 IE 化が進むことが予想されます。 VK Blocks Pro の カードブロックで代用可能な場合はそちらを使用し、そうでない場合は Ghost Kit のグリッドブロックを使うと良いでしょう。 (一番いいのはカードブロックの中にカードアイテム以外の任意のブロックを挿入可能にしていただけるのが一番の解決策だと思います。) 2020年2月20日 10:48 AM #33660 うなこモデレーター tatsuyaさん キャプチャ確認しました。 私の環境のIE11で見る限りでは、やはり画像ははみ出しませんでした…。(´ε`;)ウーン… DRILL LANCERさんのおっしゃる通り、 VK Blocks Pro のカードブロックを代用してみるのはいかがでしょうか。 (※IE11はサポート対象外でありますので、一度表示などご確認ください) 2020年2月20日 10:55 AM #33661 DRILL LANCERモデレーター 画像を中央揃え等に指定しなければはみ出しませんが、中央揃え等に指定した途端にレイアウト崩れが発生します。 また、3カラム等 100 が割り切れない数で分割すると、余りの部分が左端に増加され不均衡になります。 VK Blocks Pro の カードブロック や Ghost Kit のグリッドブロック は Bootstrap をベースとしていて、なおかつ、コアのカラムブロックに依存していないため私の環境では正常に表示されました。(画像の揃えは未指定) 2020年2月20日 11:17 AM #33662 うなこモデレーター DRILL LANCERさん ご調査ありがとうございます! > 画像を中央揃え等に指定しなければはみ出しませんが、中央揃え等に指定した途端にレイアウト崩れが発生します。 →中央揃えに指定したところ、はみ出すのが確認できました。 >VK Blocks Pro の カードブロック や Ghost Kit のグリッドブロック は Bootstrap をベースとしていて、なおかつ、コアのカラムブロックに依存していないため私の環境では正常に表示されました。 →私の環境でも正常に表示されました。 DRILL LANCERさんのおっしゃる通りで、 VK Blocks Pro の カードブロック や Ghost Kit のグリッドブロックなどをご利用いただくことをお勧めいたします。 2020年2月25日 5:47 PM #34178 tatsuya参加者 ご連絡遅くなりましたが、ご提案頂いた方法で改善出来ました。 ありがとうございました。 投稿者 投稿 8件の投稿を表示中 - 1 - 8件目 (全8件中) このトピックに返信するにはログインが必要です。 ログイン ユーザー名: パスワード: ログイン状態を保持 ログイン