我想为移动视口加载不同的图像。基于 Next.js 文档传递srcSet不起作用,那么我该怎么做呢?
现在我可以使用 CSS 显示属性来做到这一点,但我需要如下所示的内容:
<Image
srcSet={{
'/path/to/image-small.jpg': 320,
'/path/to/image-medium.jpg': 640,
'/path/to/image-large.jpg': 1024,
}}
src={data.smallImg.url}
fill={true}
alt=""
className="rounded-[10px]"
/>
Run Code Online (Sandbox Code Playgroud)