Webサイト制作

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

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

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

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

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

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

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

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

- Webサイト制作
-,

関連記事

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

ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。 目次1 まずはhtml2 つぎにcss3 cssの中身の解説4 高さ ...

cssでlistのborderを斜め線にする

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 目次1 まずはHTMLでメニュー作成2 スタイル ...

Atomエディタが便利です

目次1 今まで使っていたのはDreamWeaver2 おすすめのパッケージ2.1 メニューを日本語化[japanese-menu]2.2 タグが簡単に書ける[emmet]2.3 FTP接続するなら[r ...

no image

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

目次1 やりたいこと2 原因3 対策3.1 対策13.2 対策23.3 問題点 やりたいこと Videoファイルが横長で見にくいので縦幅を調整したい 原因 Video要素のobject-fitがデフォ ...

amazon APIのBrowseNode ID一覧ってどうやって調べるの?

目次1 amazon APIのBrowseNodeID1.1 BrowseNodeって?1.2 まずは必要情報を入力2 本4656103 ドラッグストア 1616690114 ホーム&キッチン ...