Gatsby 如何在不牺牲纵横比的情况下,使容器中的盖茨比图像尽可能大?

Gatsby 如何在不牺牲纵横比的情况下,使容器中的盖茨比图像尽可能大?,gatsby,gatsby-image,Gatsby,Gatsby Image,本质上,我想复制对象匹配:包含行为,但使用盖茨比插件图像来获得图像处理和源代码选择的好处。两者,静态图像和盖茨比图像都有很多优点。在您的情况下,objectFit就是您要寻找的。默认情况下,它将cover作为值,但您可以将其更改为contain。例如: <StaticImage src="some/url.extension" objectFit="contain" /> 这太棒了,谢谢!这是一个非常简单的回答。另外,谢谢你没有因为我没有发

本质上,我想复制
对象匹配:包含
行为,但使用盖茨比插件图像来获得图像处理和源代码选择的好处。

两者,
静态图像
盖茨比图像
都有很多优点。在您的情况下,
objectFit
就是您要寻找的。默认情况下,它将
cover
作为值,但您可以将其更改为
contain
。例如:

<StaticImage src="some/url.extension" objectFit="contain" />


这太棒了,谢谢!这是一个非常简单的回答。另外,谢谢你没有因为我没有发布代码而责备我-我认为这是不必要的(没有进行自动检查),并且被证明是正确的:)就这么做了,你回答得太快了,我不得不等5分钟:)