在<picture>中，它只是采用第一个<source>而忽略其余的

Question

它只是从img标签和第一个源标签更改而忽略其余标签。

        <picture>
            <source media="(min-width: 800px)" srcset="https://via.placeholder.com/800x700">
            <source media="(min-width: 900px)" srcset="https://via.placeholder.com/900x800">
            <source media="(min-width: 1000px)" srcset="https://via.placeholder.com/1000x900">
            <img src="https://via.placeholder.com/500x400" alt="">
        </picture>

Answer 1

<source>标签用于为媒体元素（例如，<video>，<audio>和<picture>）指定多个媒体资源。

<source>标签可让您根据浏览器的媒体类型，编解码器支持或媒体查询来指定浏览器可以选择的其他视频/音频/图像文件。

因此，这是正常现象，仅显示第一个元素。如果要多个，则应使用另一个标签。