1

所以,我有一个容器div和一个Image组件。我希望图像高度等于容器高度的 100%,并且容器的宽度根据图像的宽高比自动决定。当我使用普通img标签时,这没有问题,但在 NextImage组件的情况下,图像的宽度为0px. 因为它要我为容器定义一个固定的宽度。? 我怎样才能达到我想要的?

我正在做的是这样的:

对于 div:

div {
   height: 50px;
   width: auto;
}

对于图像组件:

<Image src="..." alt="..." layout="fill" />
4

2 回答 2

0

我认为最直接的方法是在ems或中定义 div 的宽度,rems并为图像定义相同的宽度,以便它是确切的长度,并且父元素与图像和 div 本身具有比例。祝你有美好的一天 :)

于 2021-07-03T08:33:45.663 回答
0

据我所知,下一个 js 中的图像有一个很大的优势,一个延迟加载,保留图像将使用一次的空间,而不会破坏布局。

现在,如果我们不提前传递图像的大小,那将是不可能的。

Idk 的限制。所以,我赌这个原因。

这就是我使用大量 img 而不是 Image 的原因。但是,如果您知道确切的尺寸……最好使用 Image。

PS。Google 开发人员参与了我刚才描述的功能开发。

于 2021-07-03T23:29:12.380 回答