Safariブラウザ（Apple）でウェブサイトの画像がずれている原因は何ですか？

よく知られ、SafariブラウザAppleのシステムでのみ使用でき、WebデザイナーとしてAppleデバイスなしでSafariブラウザでWebの互換性をテストすることはできません。

ほとんどの場合、WebページがGoogle、Edge、Opera、Firefoxなどの主要なブラウザで問題がない限り、Safariテストは必要ありません。

しかし、SafariブラウザでWebページが直面する非常に一般的な問題は、画像のずれです。

では、この問題はどう解決するのでしょうか。

実際には、画像にdisplay block要素がないことが原因です。display blockがないと画像がずれてしまい、他のブラウザでは表示されません。

Webページのロゴ、広告画像、バナーなどの外部に多くのボックスモデルや要素がない画像は、Safariブラウザでずれないようにdisplay blockを追加する必要があります。