css - 在picturefill.js中，除了上面指定的以外怎么写？

Question

在picturefill.js中，除了上面指定的以外怎么写？

下面，除了上述（小于屏幕宽度480px）之外，要写什么以及如何指定条件？

※想指定thumb.jpg

---

有些写模式A和模式B之间的区别？

哪个是对的？

---

模式 A

<picture>
 <!--[if IE 9]><video style="display: none;"><![endif]-->
 <source srcset="main.jpg" media="(min-width: 480px)">
 <!--[if IE 9]></video><![endif]-->
 <img srcset="thumb.jpg" alt="">
</picture>

---

模式 B

<picture>
 <!--[if IE 9]><video style="display: none;"><![endif]-->
 <source srcset="main.jpg" media="(min-width: 480px)">
 <source srcset="thumb.jpg">
 <!--[if IE 9]></video><![endif]-->
 <img srcset="thumb.jpg" alt="">
</picture>

Answer 1

从技术上讲，它们都是正确的*，并且在功能上是等效的，但 A 更可取，因为该source元素完全没有必要，因为它重复了img.

*) 例外，它src是 上的必需属性img，但在使用图片填充时这是故意违反的，以避免在旧版浏览器中重复下载。