这是我正在做的事情：
<picture style="display: block; margin:auto;">
<source media="(min-width: 1080px)" srcset="imagesIndex\hero-images\centaurs-horn-crop-1080.webp">
<source media="(min-width: 600px)" srcset="imagesIndex\hero-images\centaurs-horn-crop-720.webp">
<source media="(min-width: 360px)" srcset="imagesIndex\hero-images\centaurs-horn-crop-360.webp">
<!-- ios media -->
<source media="(min-width: 1024px)" srcset="imagesIndex\hero-images\centaurs-horn-crop-1080.jpp">
<source media="(min-width: 750px)" srcset="imagesIndex\hero-images\centaurs-horn-crop-750.jpp">
<source media="(min-width: 640px)" srcset="imagesIndex\hero-images\centaurs-horn-crop-640.jpg">
<img src="imagesIndex\hero-images\centaurs-horn-crop-750.jpg" alt="Firenze, Harry Potter's divination teacher poses for a photo for my walking tour on Edinburgh's Royal Mile" class="center-box"/>
</picture>
包裹在<picture>标签中。它不起作用，甚至回退也不起作用。有解决办法吗？我是否需要剪切替代文字或其他内容？我能做什么？
这意味着对两者都有效。并且回退总是意味着工作（实际上在 IE 中是这样）那么为什么不在这里呢？
这是一个在移动设备上查看的图形丰富的站点，我需要尽可能使用 Webp。
由于后面.jpg图像上的文件扩展名，我看到了一个可能的问题，其中一些被标记为jpp而不是jpg.
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句