What is the reason for the misplaced pictures of websites in Safari (Apple)?

As we all know,Safari browserIt can only be used on Apple systems, and as a web designer, without Apple devices, you cannot test web page compatibility in Safari.

In most cases, as long as your web page has no problems in mainstream browsers such as Google, Edge, Opera, and Firefox, there is no need to test it with Safari.

However, a very common problem with web pages in Safari is misplacement of pictures.

So, how to solve this problem?

In fact, it is caused by the lack of the display:block element in the picture, and the lack of display:block causes the picture to be misplaced, which will not appear in other browsers.

Display:block should be added to pages such as website logos, advertising pictures, banners and other pictures that do not have many external box models and elements to ensure that they will not be misplaced in Safari!

t like3
this article isFinchUI FrameworkauthorXinglan StudioOriginal, please indicate the source for reprinting. Any form of downloading, reprinting, copying or tampering with the content of this article is prohibited without authorization. If there is a quote from another person's work, it has been authorized by the original author and clearly marked in the article. Hereby declare.

Link to this article:https://en.finchui.com/web/32.html

netizens commented

guess you like

hot commodity
popular articles
hot Tags
related tags
FinchUI Store Edition

Share

Copy Link
Working hours: 9:00-22:00
Saturday and Sunday: 14:00-22:00
wechat
Scan the code to add customer service WeChat