如何解决如何在不牺牲纵横比的情况下在容器中制作尽可能大的 Gatsby 图像？
本质上，我想复制 object-fit: contain 行为，但使用 gatsby-plugin-image 来获得图像处理和源选择的好处。
解决方法
StaticImage 和 GatsbyImage 都有一堆 shared props。在您的情况下，objectFit 就是您要查找的内容。默认情况下，它采用 cover 作为值，但您可以将其更改为 contain。例如：
<StaticImage src="some/url.extension" objectFit="contain" />
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
