Galaxy S6上的Chrome 45 --基于srcSet属性选择合适的img
Galaxy S6上的Chrome 45 --基于srcSet属性选择合适的img
提问于 2015-11-20 13:13:07
当我将浏览器的大小调整到不同的宽度时，我的桌面上的Chrome 46会加载正确的图像。然而，在我的手机上，它加载了最大的图像！1024瓦的。当我打电话去http://html5test.com/的时候，上面写着支持它。有人能确认它只是在手机上不能正常工作吗？
<img src="https://c1.staticflickr.com/1/667/22803832666_5142663029.jpg" srcset="https://c2.staticflickr.com/6/5642/22373891881_0508995dc9_b.jpg 1024w, https://c2.staticflickr.com/6/5642/22373891881_0508995dc9_c.jpg 800w, https://c2.staticflickr.com/6/5642/22373891881_0508995dc9_z.jpg 640w,https://c2.staticflickr.com/6/5642/22373891881_0508995dc9.jpg 500w" sizes="80vw" />回答 1
Stack Overflow用户
回答已采纳
发布于 2015-11-30 09:17:48
S6的设备宽度为360像素。
它的显示器有一个超高的像素密度为4倍，因此总数为4* 360 = 1440物理像素宽度的纵向方向。(景观4* 640 = 2560 )
其中80%，如您的sizes属性中所指定的，是1152个物理像素宽，因此您的浏览器是正确的，试图获得最大的图像，为该空间在如此高的ppi屏幕上。
我希望这能帮到你!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33827606
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号