Safari浏览器(苹果)中网站的图片错位是什么原因?
众所周知,Safari浏览器只能在苹果系统中使用,而作为网页设计师,如果没有苹果设备,就无法在Safari浏览器测试网页的兼容性。
大部分情况中,只要你的网页在谷歌、Edge、Opera、Firefox等主流浏览器没有问题,其实也没必要Safari浏览器测试。
然而,网页在Safari浏览器有一个很常见的问题就是图片错位。
那么,这个问题怎么解决呢?
其实,就是图片缺少display:block元素导致的,而缺少display:block导致图片错位,在其他浏览器都不会出现。
在网页中例如网站logo、广告图片、banner等外部没有许多盒子模型和元素的图片,都应加上display:block来保证在Safari浏览器不会错位!
本文链接:https://h.finchui.com/wangzhan/4793.html 转载需授权!