小编Moh*_*ati的帖子

Nextjs Image组件srcSet属性

我想为移动视口加载不同的图像。基于 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)

next.js nextjs-image

10
推荐指数
1
解决办法
1172
查看次数

标签 统计

next.js ×1

nextjs-image ×1