为什么srcset不能工作？
为什么srcset不能工作？
提问于 2017-01-11 15:11:28
所以我有个密码：
<html>
<head>
</head>
<body>
<img src="small.jpg" srcset="https://media.kulturbanause.de/blog/2014/09/responsive-images/small.jpg 320w, https://media.kulturbanause.de/blog/2014/09/responsive-images/medium.jpg 600w, https://media.kulturbanause.de/blog/2014/09/responsive-images/large.jpg 900w" alt="">
</html>
根据代码，应该有一个不同的图像加载不同的视口大小。然而，当我在我的手机上运行这段代码时，它仍然显示large.jpg，即使是320 W(视口宽度)，小的也应该加载。
回答 1
Stack Overflow用户
发布于 2017-01-11 15:28:53
根据代码，应该有一个不同的图像加载不同的视口大小。
您误解了[srcset]的工作方式。[srcset]允许您为设备提供一系列不同的来源，并允许设备选择可能适合该设备的图像。
目的是为了节省带宽，所以设备通常会下载屏幕上最合适的图片，尽管还有很多其他的细微差别，我不打算在这里讨论。
当应用不同的断点时，(而不是)要做的是在不同的图像之间切换。这是<picture>元素的工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41594359
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号