我正在尝试根据所使用的浏览器加载同一图像的不同文件类型。要执行,我使用如下标记:
<picture fxShow="true" fxShow.xs="false">
<source class="image" srcset="../../../assets/Images/image.webp">
<source class="image" srcset="../../../assets/Images/image.j2k">
<img class="image" src="../../../assets/Images/image.png" alt="Image">
</picture>
问题在于,在chrome上,webp源按其应有的方式运行,但是在野生动物园中,浏览器尝试加载webp并在应使用j2k或png时失败。我知道这不是文件支持问题,因为我已经将每种文件类型的img标记锁定为唯一的src,并且对于支持该标记的浏览器来说效果很好。