如何让响应式图像与 gatsby 一起使用？

编程问答 2022-05-15

问题描述

我正在尝试使用响应式图片。所以在小屏幕上只会加载 $ java -Djavax.net.debug=all 图像，但出于某种原因，140w 图像是在所有屏幕尺寸上加载的图像。我错过了什么？

这是来自浏览器检查器的渲染图像：

267w

这是查询：

<img
  sizes="(max-width: 768px) 140px,(max-width: 980px) 172px,267px"
  srcset="/static/f6680b3e61a32e10eb33611223ce5cee/0676e/shutterstock_1192949827.png 140w,/static/f6680b3e61a32e10eb33611223ce5cee/6e3d2/shutterstock_1192949827.png 172w,/static/f6680b3e61a32e10eb33611223ce5cee/a68ed/shutterstock_1192949827.png 267w,/static/f6680b3e61a32e10eb33611223ce5cee/982ec/shutterstock_1192949827.png 1600w"
  src="/static/f6680b3e61a32e10eb33611223ce5cee/a68ed/shutterstock_1192949827.png"
  alt=""
/>

解决方法

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

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

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

gatsbygatsby-imagehtml