不像 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'"
帮助我降低了高度。
但这将适用于所有浏览器,因为我们未在此处指定任何浏览器。
我在 safari(版本 13.1)中测试我的应用程序时发现了一个奇怪的问题。
基本上,网站中的图像已损坏且未加载。
Chrome 和 FireFox 正在显示 alt
属性的值,并为未加载的图像标签占用尽可能小的高度。
但是我的 mac 中的 safari 浏览器占用的高度比其他浏览器高得多,并且具有将标签推到底部的奇怪用户体验。
这是问题的重现 - https://jsfiddle.net/etjhgpdo/1/ - 在 chrome 和 safari 中打开这个 url。我们可以看到标题标签被下推的区别,因为在safari中图像标签的高度太大了。
提前致谢。
由于我没有收到任何答复,因此我添加了我在网上找到的解决方法。
在图像标签上添加 onerror="this.style.height = '50px'"
帮助我降低了高度。
但这将适用于所有浏览器,因为我们未在此处指定任何浏览器。