在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上的必需属性，但在使用图片填充时这是违规行为，以避免在旧版浏览器中进行双重下载。