下一个图像，图像随着布局响应而消失

Question

我正在尝试将下一个图像组件添加到我的项目中。

我有一个问题，当我添加layout='responsive'.

代码：

<Box>
    <Link href='/' >
        <Image src='/images/logoDark.svg'
            alt='navbar-logo'
            width={260}
            height={56}
            layout='responsive'
        />
    </Link>
</Box>

有解决办法吗？或者任何其他方式来优化图像？

Answer 1

根据此处发现的内容（https://github.com/vercel/next.js/issues/19314），它似乎layout='responsive'没有内在大小。因此，您必须为包含元素添加宽度。