コンテンツへスキップ
かゆいところに手が届く開発・PC設定メモ

かゆいところに手が届く開発・PC設定メモ

  • Home
投稿日: 2017年11月20日2017年11月20日 投稿者: 0254personal

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法の紹介。

flex-shrink を0に設定してやると直る。

img {
  flex-shrink: 0;
}

参考:Flexbox on IE11: image stretched for no reason?

投稿ナビゲーション

過去の投稿前 Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合
次の投稿次 CSSのみでposition:absoluteがかかっている要素を上下中央配置にする

検索

このブログではWebデザイン・開発に関する情報をまとめています。

本家のブログはLoud and Proud(ラウプラ)です。

Proudly powered by WordPress