首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在picturefill.js中,如何编写除上述规定之外的其他内容?

在picturefill.js中,如何编写除上述规定之外的其他内容?
EN

Stack Overflow用户
提问于 2015-08-25 11:31:04
回答 1查看 41关注 0票数 1

在picturefill.js中,如何编写除上述指定的以外的?

在下面的内容中,除了上面的条件(小于屏幕宽度480 In )之外,写什么以及如何指定其他条件?

我想指定thumb.jpg的※

一些关于书写模式A和模式B?之间的区别

哪个是对的?

模式A

代码语言:javascript
复制
<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

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-28 12:27:26

从技术上讲,它们都是正确的,而且在功能上是等价的,但是A更可取,因为source元素完全没有必要,因为它重复了img中已经指定的相同信息。

*)除了srcimg上必需的属性之外,但在使用picturefill以避免旧浏览器中的双重下载时,这是一种有意违反的行为。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32202862

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档