nextjs 最小图像大小？

Question

浏览 NextJS 文档和内置优化令人印象深刻。 但是，我似乎找不到任何关于最小宽度或高度参数的讨论。

NextJS - 图片文档

我可以设置 layout 和 objectfit 来填充并让父 div 确定高度，但这不如为图像本身定义最小值那么理想。

我将如何使用内置组件设置图像的最小高度或宽度？

希望我只是个盲人。 任何想法将不胜感激。

Answer 1

我按如下方式解决了这个问题 - 如果有更好的解决方案，我会很好奇，所以如果您不同意以下内容，请发表评论：

<div className={styles.imageDiv}>
  <Image src={localImage}
    height={50} // this doesn't set size, this is just for ratio
    width={50}
    layout='responsive'
    alt='image description'
  />
</div>

CSS：

.imageDiv {
  display: block;
  min-width: whatever you want;
  // this is also how you would set max-width
  // this method also allows height or width to be auto
}

也许是一个愚蠢的问题。