Fatal编程技术网
  • next.js/
  • Next.js 设置图像宽度和高度比例

Next.js 设置图像宽度和高度比例

next.js

Next.js 设置图像宽度和高度比例,next.js,Next.js,我不知道如何制作next.jsImage组件。让我只设置图像的宽度，同时根据需要设置高度比例。我一直在翻文件，找不到方法。这没有道理为什么这么难 我了解Image组件的工作原理，我已经使用它一段时间了，现在可以相对轻松地使用layout=“fill”和objectFit=“cover”以及父相对div来调整大小 我试图显示的图像是从API检索的，所以我不知道它们的尺寸。我不想使用objectFit=“cover”，因为我不能对这些图像进行任何裁剪，因为它们是符合显示要求的徽标。我不想使用obje

我不知道如何制作next.js
Image
组件。让我只设置图像的宽度，同时根据需要设置高度比例。我一直在翻文件，找不到方法。这没有道理为什么这么难

我了解
Image
组件的工作原理，我已经使用它一段时间了，现在可以相对轻松地使用
layout=“fill”
和
objectFit=“cover”
以及父相对div来调整大小

我试图显示的图像是从API检索的，所以我不知道它们的尺寸。我不想使用
objectFit=“cover”
，因为我不能对这些图像进行任何裁剪，因为它们是符合显示要求的徽标。我不想使用
objectFit=“contain”
，因为如果父对象的大小与图像的大小不符，则会在顶部和底部或左侧和右侧留下空白，并且我需要图像向右移动到其容器的边缘，中间没有空格

这是我第一次需要在next.js中以这种方式缩放图像，文档从未解释过如何做这么简单的事情