基于高斯比图像的高度和宽高比推断宽度

时间:2020-06-04 09:42:08

标签: reactjs gatsby gatsby-image

我用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指定一个尺寸的大小,而用长宽比来推断另一个尺寸?


旁注:我可以根据宽度和长宽比推断高度。

0 个答案:

没有答案