如何使用“<picture>”为不同尺寸的相同图像设置样式？

Question

我有一些不同尺寸的图像用于同一图像，我想根据屏幕尺寸使用<picture>显示它们，但我想知道如何设置符合给定尺寸的选定图像？

我的意思是如果我有这个代码：

<picture>
    <source media="(max-width: 300px)" srcset="image-300.jpg">
    <source media="(min-width: 600px)" srcset="image-600.jpg">
    <img src="image.jpg" alt="">
</picture>

并且有人在“400px”屏幕上浏览我的网站，然后将显示“image-600.jpg”，如果其他人正在从不同的屏幕浏览我的网站另一个不同的图像（具有不同的尺寸），如何设置这个可能是其中任何一个的图像？

picture{max-width:100%}或image{max-width:100%}或什么？

如果他使用的是不支持<picture>的旧浏览器，则会使用元素末尾的<img>，如何设置样式呢？