我在 React 中遇到了“图片”元素的问题,尤其是 safari 浏览器。Safari 总是从“img”元素 src 中获取图像,并根据媒体属性从适当的“源”元素中获取图像。
这似乎在其他浏览器(chrome 和 firefox)中运行良好。
我为此创建了一个代码框。
将不胜感激任何帮助。提前致谢。
仅供参考:我也尝试过使用图片填充 polyfill。但没有帮助。因此,认为这与 react + safari 引擎组合有关。
我在 React 中遇到了“图片”元素的问题,尤其是 safari 浏览器。Safari 总是从“img”元素 src 中获取图像,并根据媒体属性从适当的“源”元素中获取图像。
这似乎在其他浏览器(chrome 和 firefox)中运行良好。
我为此创建了一个代码框。
将不胜感激任何帮助。提前致谢。
仅供参考:我也尝试过使用图片填充 polyfill。但没有帮助。因此,认为这与 react + safari 引擎组合有关。
对于它的价值,我在 Safari 上缩小了我的问题:似乎可以使用 vanilla 元素,但是当我有一个 HTML 自定义元素并在模板的 InnerHTML 中创建图片标签时(document.createElement("template" )。
我使用的是 Vanilla JS 而不是 React,但也许它在幕后做了类似的事情。
我尝试了和不指定“类型”属性,但没有效果。
在 Chrome 上运行良好。Safari 版本为 14.0.3 (16610.4.3.1.7)
也许你忘记了元素type
的属性。source
这是我的问题。