More than 3 years have passed since last update.

Firefoxで表示崩れする（FlexBox）

Posted at 2020-06-04

少し前から、Firefoxだけ表示崩れしてます。
という報告を受けていたのですが、ずっとなにか忙しかったのと、アクセスみるといるかいないかくらいだったので、ずっと放置していました。←

しかし、新しく追加したページの崩れ方が内容が読めない程度の崩れ方だったので、解決方法を調べた。

結果、10分で解決(ﾟдﾟ)
早く修正してあげればよかった。。

方法も簡単、要素の検証して、はみ出しているものに、

.hamidashi_yoko{
  min-width: 0;
}
.hamidashi_tate{
  min-height: 0;
}

とするだけ。

参考画像をつくろうとも思いましたが、下記参考サイトの画像をみていただければと・・
しかし、なぜこの仕様になっているのか・・

参考サイト