我正在使用如下代码:
<picture class="image-holder">
<source srcset="some_img.webp" media="screen and (max-width: 1200px)">
<source srcset="some_img.webp" media="screen">
<source srcset="some_img.jpg" media="screen and (max-width: 1200px)">
<source srcset="some_img.jpg" media="screen">
<img srcset="default_img.jpg" alt="">
</picture>
我希望当像某些版本的 Safari 这样的浏览器不支持 Webp 图像格式时,根据媒体查询回退到以下源而不是直接到 "default_img.jpg" 。
但取而代之的是,我得到的是直接回退到:
<img srcset="default_img.jpg" alt="">
有谁知道我做错了什么?