1

我定义了一个Imgwith 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>

使用此组件，我的宽度设置正确，但高度为 0。有没有办法指定一个维度的大小，gatsby-image并通过纵横比推断另一个维度？

旁注：根据宽度和纵横比推断高度没有问题。

4

0 回答 0