私はウェブサイトを構築しており、主に Chrome でテストしており、Firefox でも動作するかどうかを断続的に確認しています。
Chrome と Safari はどちらも WebKit で実行されるため、Web サイトは同じようにレンダリングされると考えました。しかし、そうではありません。
私は Safari でサイトをチェックしていましたが、メニュー バーが順序付けされていないリストをcolumn-count(両方-moz-と-webkit-同じ値で) 使用していることに気付き、列の塗りつぶしに違いがあることに気付きました。
Chrome は列を均等に埋めているように見えますが、Safari は列を 1 つずつ埋めているだけです。以下の画像はこれを示しています。
Chrome のレンダリング:
Safari のレンダリング:
列をレンダリングする Chrome の方法が非常に気に入っているので、htmlレイアウトをまったく変更せずに、Safari にこの方法でサイトを強制的にレンダリングさせる方法があるかどうか疑問に思っていました。
注: Firefox は Chrome と同じようにレンダリングされ、修正する必要はありません。私はIE用に開発していないので、それがどのようにレンダリングされるかわかりません。