CSSをあてる時は、safariに注意

現象

CSSで、要素の中央よせをする時に、

justify-content: space-between;

とかしてたんですけど、safariだと表示が崩れてしまうことがありました。

解決方法

  -webkit-justify-content: space-between;
  justify-content: space-between;

原因としては、safariのwebkitが足りてなくて表示が崩れていることがあるのだとか。。。

他にも、横幅、縦幅を指定しない場合chromeだと表示できるのに

safariだと崩れる、、なんて事象も確認してます、

そんな時は、明示的に幅指定して表示が崩れないようにすることで対応してます。

他にもいい案あれば教えてください!!

ps…QA(テストしてくれる方)にはいつも感謝です !

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です