图像来源于sanitycms，当前代码（chakraui样式）为：
<Box w="500px" h="500px" bg="red">
<Image
src={allArtPieces[0].imageUrl}
alt={allArtPieces[0].title}
width="500px"
height="500px"
/>
</Box>我想有图像的宽度填充容器和图像，以保持其自然尺寸。我已经尝试将图像的宽度设置为100%，并忽略高度样式道具，但是，下一个图像组件要求我声明一个高度变量。关于如何实现我的目标功能，有什么想法吗？
1条答案
按热度按时间oo7oh9g91#
您可以保持100%的宽度，如您所说或从
API对于高度，也可以使用来自的图像高度值API给予SanityCMS以保持图像的自然尺寸。记录测试结果
allArtPieces[0]在控制台中，应该有图像高度的值。