在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 中指定的相同信息=]
*) 除了 src
是 img
上的必需属性,但在使用 picturefill 时这是故意违反的,以避免在旧版浏览器中重复下载。
在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 中指定的相同信息=]
*) 除了 src
是 img
上的必需属性,但在使用 picturefill 时这是故意违反的,以避免在旧版浏览器中重复下载。