投稿日：2018年1月19日 更新日：
なぜかIEだけ特定の要素がはみ出てしまうことはありませんか？
私はよくあります。
ページ作成をしていてブラウザチェックをしているとよくぶち当たるこの問題。 何度か解決してるけど、しばらくしたら忘れてしまうのでメモ。
このページを見て、そうそうコレ！となりました FlexboxをIE10で使った時にテキストがはみだす時の対処法
要はIE10のみflex-shrinkのデフォルト値が違うために起きてしまう問題らしく、解決法は はみだしてしまうアイテムに「-ms-flex:0 1 auto」を指定すれば良い
分かりやすい記事をありがとうございます！
関連記事
目次1 やりたいこと2 タグを設置3 画像にクラスを付与4 スクリプトを記載5 スタイルを記載6 完成！ やりたいこと 画像のポップアップがしたい！ タグを設置 html内であればどこでも良いので、ポ ...
画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一画面だけでなくその下にもコンテンツがあっ ...
jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。 width:100%; background:url()center center no-repeat f ...
display:flexを使った時のIE10のバグに対応する
display:flex;を使った時、IE11では問題なくてもIE10で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...
サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ ...
name:ユズム
作業時間は平日9：30～17：00です。
