サイト制作メモ

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

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

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

私はよくあります。

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

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

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

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

- サイト制作メモ
-, ,

関連記事

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

画面全体に背景画像を表示するには、 background:url(‘画像を指定’); background-size:cover; でできますが、 いやいや、一画面だけでなくそ …

ページ読み込み時にフェードインのエフェクト【超簡単!】

jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。 トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら、かなりシンプルな記述でフェードインエフ …

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

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

no image

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

タイトルの背景を斜めボーダーにしたい タイトルの背景を斜めボーダーにしたい

タイトルの左右に画像を配置 デザインとしてはよくあるボーダ …

パーマリンクの設定

stinger8のダウンロードサイトにはパーマリンク設定を”postname”にしているとあったのでそのように設定してみた。 で、実際に新規で記事を追加すると 記事のタイトルが …

翻訳する