我用Img
定义了gatsby-image
,除非我为图像指定了特定的宽度和高度,否则图像将不会显示。这是一个可行的示例,但大小不够完美。
<Link style={{height: 200px; width: 100%;}} to="/">
<Img
className='w-100 h-100'
fluid={logoImgProps}
imgStyle={{objectFit: 'contain' }}
></Img>
</Link>
我只想指定一个尺寸,并从图像的宽高比推断另一个尺寸,这样我就可以做这样的事情。
<Link style={{width: 100%;}} to="/">
<Img
className='w-100'
fluid={logoImgProps}
></Img>
</Link>
使用此组件,可以正确设置我的宽度get,但是高度为0。
有没有一种方法可以用gatsby-image
指定一个尺寸的大小,而用长宽比来推断另一个尺寸?
旁注:我可以根据宽度和长宽比推断高度。