不像 chrome 和 firefox

Broken Image in Safari Browser of my macbook takes full height unlike chrome and firefox

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

这是问题的重现 - https://jsfiddle.net/etjhgpdo/1/ - 在 chrome 和 safari 中打开这个 url。我们可以看到标题标签被下推的区别,因为在safari中图像标签的高度太大了。

提前致谢。

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