使用 React 时，<picture /> 元素在 Safari 浏览器中无法按预期工作

Question

我在 React 中遇到了“图片”元素的问题，特别是在 safari 浏览器中。Safari 始终从“img”元素 src 获取图像，并根据媒体属性从适当的“source”元素获取图像。

这似乎在其他浏览器（chrome 和 firefox）中工作正常。

我为此创建了一个codesandbox 。

将不胜感激任何帮助。提前致谢。

仅供参考：我也尝试过使用 picturefill polyfill。但没有帮助。所以，我认为这与 React + Safari 引擎组合有关。

Answer 1

也许您忘记了元素type的属性source。这就是我的情况的问题。