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
}

也許是一個愚蠢的問題。