next.js 我如何使用下一个/图像的图像，我不知道的宽度和高度？

wecizke3 于 11个月前发布在其他

关注(0)|答案(1)|浏览(85)

我想把一个图像放在一个div中，但我只想指定宽度并保持长宽比。下面是我的代码：

<motion.div
                initial={{ opacity: 0, transform: "translateZ(0)" }}
                animate={{ opacity: 1, transform: "translateZ(0)" }}
                transition={{ duration: 1, ease: 'easeInOut' }}
                className='w-[400px] md:w-[500px] relative'>
                <Image
                    alt={nume}
                    layout="responsive"
                    objectFit="cover"
                    width={200}
                    height={200}
                    src={poza}
                />
            </motion.div>

字符串
我应该怎么做才不会在控制台中收到此警告？

Image with src "https://firebasestorage.googleapis.com/...." has legacy prop "objectFit". Did you forget to run the codemod?

型

next.js

来源：https://stackoverflow.com/questions/77384919/how-can-i-use-the-next-image-for-an-image-where-i-dont-know-the-width-and-heigh

1条答案

按热度按时间

vuktfyat1#

根据documentation，objectFit属性似乎已被弃用。
如果你搜索objectFit，你会看到他们建议这样实现：

style={{objectFit: "contain"}}

字符串

赞(0）回复(0）举报 11个月前

我来回答

next.js 我如何使用下一个/图像的图像，我不知道的宽度和高度？

1条答案

相关问题

热门标签

最新问答