gpt4 book ai didi

javascript - 使用响应式设计避免移动客户端下载大图像

转载 作者:行者123 更新时间:2023-11-28 01:54:49 24 4
gpt4 key购买 nike

随着响应式设计现在越来越流行,响应式设计的缺点之一是移动客户端需要下载不需要的大图像,例如

http://twitter.github.io/bootstrap/examples/carousel.html

页面在我的 iPhone 上缩放得很好,但下载的图像是 1500x550,这很浪费,速度很慢,对于某些用户来说,它会产生成本。

替代方法是什么,当我知道客户端是移动的时,不提供大图像?是否有任何现有的方法/库,所以我不需要编写自己的 UA 嗅探代码?

最佳答案

看看http://www.w3.org/community/respimg/http://responsiveimages.org/

这是一个 W3 工作组,它将创建一个响应式图像规范:

http://picture.responsiveimages.org/

现在,您可以使用用 javascript 编写的 polyfill,它具有相似的语法,并且由同一个人根据他们自己的规范进行维护:

https://github.com/scottjehl/picturefill

我已经对其进行了测试,我将在生产中使用它,因为它工作得非常好;)

希望对你有帮助

关于javascript - 使用响应式设计避免移动客户端下载大图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17640145/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com