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

In picturefill.js, how to write other than the above specified?

在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>

从技术上讲,它们都是正确的*,并且在功能上是等效的,但 A 更可取,因为 source 元素完全没有必要,因为它重复了 img.[=14 中指定的相同信息=]

*) 除了 srcimg 上的必需属性,但在使用 picturefill 时这是故意违反的,以避免在旧版浏览器中重复下载。