【发布时间】:2017-10-20 15:36:22
【问题描述】:
响应式图片的最佳解决方案是什么? img srcset 属性还是 <picture> 元素?有什么区别?
http://caniuse.com/#feat=srcset
http://caniuse.com/#feat=picture
有没有我可以使用的好的惰性加载器/响应式图像 jQuery 插件,或者类似的工具?
只是为了表明我做了功课:
【问题讨论】:
-
使用推特引导
-
我说的是为不同的屏幕尺寸加载新图像,而不是调整默认图像的大小。 Bootstrap 没有这样的组件。
-
这里有两个 jQuery 插件,我发现它们完全符合我的要求:* http://www.responsiveimg.com(使用
<img>标签)* http://jquerypicture.com(使用新的<figure>和 @987654334 @ 元素作为一种 polyfill,直到它们被广泛支持。)我可能会推送更新到其中一个或两个以使用新的 Media Querylist 函数,这比 $(window).resize 性能要好得多();
标签: html