CSS img srcset纵向媒体查询

我有两张图片，一张是横向的，一张是纵向的

使用

，我可以使用标准媒体查询，但Safari不支持

，因此我想使用

。我在

srcset

中找不到任何信息，即如何处理任何设备的纵向方向

---

有什么帮助吗？

艺术指导不能使用

srcset

。使用

和。

safari现在支持。下面是显示纵向和横向模式的不同图像的代码

<picture>
    <source media="(orientation: landscape)" srcset="landscape.jpg">
    <source media="(orientation: portrait)" srcset="portrait.jpg">
    <img src="fallback-image.jpg">
</picture>

---

AFAIK srcset仅支持像素密度，不支持完整的媒体查询。但是，是什么阻止您在CSS中使用背景图像和实际的媒体查询呢？