如何让 srcset + 尺寸在 chrome 中工作？

问题描述

我试图弄清楚为什么 srcset 似乎没有根据我为我的尺寸属性定义的内容来切换图像。下面是标记。我在 Chrome 版本 87.0.4280.141 上运行它。我希望如果设备宽度小于 1024 像素以使用橙色图像 (https://cfvod.kaltura.com/p/1936311/sp/193631100/thumbnail/entry_id/1_qcusm08c/version/100001/width/382/height/215)，如果设备宽度大于 1024 像素以使用苹果图像 (https://images.unsplash.com/photo-1568702846914-96b305d2aaeb?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxleHBsb3JlLWZlZWR8MXx8fGVufDB8fHw%3D&w=1000&q=80)。

我只能看到苹果图片，即使在宽度小于 1024 像素的设备上也是如此。

<img 
  src="https://images.unsplash.com/photo-1568702846914-96b305d2aaeb?ixlib=rb-1.2.1&ixid=MXwxMjA3fdb8MHxleHBsb3JlLWZlZWR8MXx8fGVufdb8fHw%3D&w=1000&q=80" 
  srcset="https://images.unsplash.com/photo-1568702846914-96b305d2aaeb?ixlib=rb-1.2.1&ixid=MXwxMjA3fdb8MHxleHBsb3JlLWZlZWR8MXx8fGVufdb8fHw%3D&w=1000&q=80 595w,https://cfvod.kaltura.com/p/1936311/sp/193631100/thumbnail/entry_id/1_qcusm08c/version/100001/width/382/height/215 392w" 
  sizes="(max-width: 1024px) 392px,595px" />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html responsive-images srcset