Webサイト制作

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

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

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

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

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

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

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

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

- Webサイト制作
-,

関連記事

cssだけでドロップダウンメニューを実装(軽い!)

ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。 まずはhtml 一般的な入れ子構造のリストです。 <heade ...

背景画像を複数指定する方法(css)

背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメモ。 基本的には,(カンマ)区切りで続け ...

Atomエディタが便利です

今まで使っていたのはDreamWeaver htmlを書くようになって使っていたのはAdobeのDreamWeaverでした。 こちらも使い勝手がよく好きだったのですがAtomエディタが便利とのことで ...

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

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

no image

Video要素の縦横比を変更する

やりたいこと Videoファイルが横長で見にくいので縦幅を調整したい 原因 Video要素のobject-fitがデフォルトでcontainになっている。 object-fit:fill;を指定してあ ...