Gatsby 盖茨比心满意足的流体图像拉伸超过100%

我正在尝试使用

fluid{
       ...GatsbyContentfulFluid             
      }

除了盖茨比拉伸小于div宽度的图像以填充整个空间（他认为是这样）之外，一切都正常。但我的问题是，我是否可以防止这种情况，对于这些图像，使用100%的宽度而不拉伸它们，并且只对较大的图像应用流体

但这并不适用于满足感

---

有简单的解决办法吗？谢谢

根据您的要求，您有一些试验可以绕过它：

• 正如您所说，Contentful不允许使用

  GatsbyImageSharpFluidLimitPresentationSize

  片段，但是，您可以使用

  downloadLocal:true

  下载资产，并使用

  gatsbyimageSharpFluidLimitPresentSize

  片段应用

  staticQuery

  。我看起来像：

    const data = useStaticQuery(graphql`
      query {
        file(relativePath: { eq: "path/to/image/default.jpg" }) {
          childImageSharp {
            fluid {
              ...GatsbyImageSharpFluidLimitPresentationSize
            }
          }
        }
      }
    `)
  
    return <Img fixed={data.file.childImageSharp.fixed} />
  }
  
  

  const data=useStaticQuery（graphql`
  质疑{
  文件（relativePath:{eq:“path/to/image/default.jpg”}）{
  childImageSharp{
  流质{
  …GATSBYImageSharpFluidLimitRepresentationSize
  }
  }
  }
  }
  `)
  返回
  }
  

• 另一个可能需要更多处理（mediaqueries和CSS工作）的选项是使用一个固定大小的片段