Safariのスタイル崩れをCSSハックで調整する方法

サイト制作をしているとChromeとSafariでスタイルが崩れることがありました。
position: absolute;をChrome基準で指定すると、Safariでは少しずれてしまうのです。

今回はSafariのみにスタイルをあてるCSSハックの備忘録です。

Safariにスタイルを指定するCSSハック

クラス名（ID名）の指定

1行目.sectionを任意のクラス名に指定します。

Safariに指定するスタイルを記述

2行目プロパティ: 値;にSafariにあてるスタイルを記述します。


少し手間ではありますが、これでSafariでも意図したスタイルを維持できました。
ブラウザ間でスタイルが崩れることはよくあるので活用していきたいと思います。