我的macbook的Safari浏览器中的Broken Image采用了不同于chrome和firefox的全高度



我在safari(13.1版(中测试应用程序时发现了一个奇怪的问题。基本上,网站中的一个图像已损坏并且没有加载。Chrome和FireFox显示了alt属性的值,并且占用了卸载的图像标记的最小高度。但我的mac中的safari浏览器比其他浏览器占据了更高的高度,并且有一种奇怪的用户体验,将标签推到了底部。

这是本期的复制品——https://jsfiddle.net/etjhgpdo/1/-在chrome和safari中打开此url。我们可以看到,在safari中,由于图像标签的高度很大,所以标题标签被向下推的区别。

提前谢谢。

由于我没有收到任何答案,我正在添加我在网上找到的解决方法。在图像标签上添加onerror="this.style.height = '50px'"帮助我降低了高度。但这将适用于所有浏览器,因为我们在这里没有指定任何浏览器。

最新更新