如何解决用<picture>传送不同格式的图像
我正在尝试以WebP格式提供不同大小的图像,但是当我将代码放在下面时
<picture>
<source srcset="image/test-desktop.jpg" type="image/jpg" media="(max-width: 768px)">
<source srcset="image/test-desktop.webp" type="image/webp" media="(min-width: 769px) ">
<source srcset="image/test-mobile.webp" type="image/webp" media="(max-width: 768px)">
<img src="image/test-mobile.jpg" alt="Responsive Image">
</picture>
但是回到我身上的唯一一幅图像是:<source srcset="image/test-desktop.webp" type="image/webp" media="(min-width: 769px) ">
为什么会这样? 因为我眼中的代码是正确的
我当时正在使用Chrome Dev Tools进行仿真,并且上面的图像始终会返回给我。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。