Webサイト制作

投稿日:2018年1月19日 更新日:

IE10で要素がはみ出してしまう時の対処法

なぜかIEだけ特定の要素がはみ出てしまうことはありませんか?
私はよくあります。

ページ作成をしていてブラウザチェックをしているとよくぶち当たるこの問題。 何度か解決してるけど、しばらくしたら忘れてしまうのでメモ。

このページを見て、そうそうコレ!となりました FlexboxをIE10で使った時にテキストがはみだす時の対処法

IEだけ特定の要素がはみ出てしまうことの解決策

要はIE10のみflex-shrinkのデフォルト値が違うために起きてしまう問題らしく、解決法は はみだしてしまうアイテムに「-ms-flex:0 1 auto」を指定すれば良い

分かりやすい記事をありがとうございます!

- Webサイト制作
-,

関連記事

no image

画像の拡大表示(ポップアップ)

やりたいこと 画像のポップアップがしたい! タグを設置 html内であればどこでも良いので、ポップアップしたいページに以下のタグを追加する <div id="modal-contain ...

画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一画面だけでなくその下にもコンテンツがあっ ...

no image

cssで作るタイトルやテキストの装飾色々メモ

タイトルの背景を斜めボーダーにしたい 斜めボーダー背景。 色の組み合わせで色々な雰囲気がつくれる。 ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は注意! HTMLは入れ子にしています。 ...

動画や連続写真からのアニメーションgifの作成

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...

Amazon Product Advertising APIを使って気づいた事

APIの使い方が分からない時は Product Advertising APIの使い方が分からない時は、ドキュメントを見てみます。英語だけど、ページの翻訳で何となく分かる箇所があります。 APIのdo ...