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 上的必需属性，但在使用 picturefill 时这是故意违反的，以避免在旧版浏览器中重复下载。