如何在gatsby中设置图像的高度？}
<Img fluid={image.fluid} style={{ maxHeight: '200px' }} alt={title}></Img> 图像显示正常，但我查询了多张图像，并且使用style={{ maxHeight：'200px‘}}并不适用于所有图像。一些图像具有不同的高度，我想显示相同高度的所有图像
浏览 18提问于2021-04-11得票数 1
回答已采纳
2回答
我有一个用Gatsby版本2制作的页面，我想在一个flexbox容器中用gatsby-image制作组件。当我删除display: flex;属性时，图像就会出现，当容器是flex容器时，图像就会消失。我还尝试在容器上设置flex-direction: column;，这会使两个图像</em
浏览 40提问于2019-07-08得票数 12
回答已采纳
2回答
我在处理盖茨比项目中的视网膜图像。我的内容提供商很满意。我在上传2x图片。我目前正在使用盖茨比图片插件。为了获得正确的图像，我使用： fluid{ }我也使用标签，假设处理视网膜图像。我得到了错误的图像。
我得到了800 w，所以我似乎得到了图像后面的一个断点。
浏览 4提问于2020-06-10得票数 1
回答已采纳
我是在Gatsby.js网站上工作，并希望设置图像预处理与盖茨比图像和盖茨比插件-夏普。问题是，我使用的图像有不同的方面率和不同的维度。我想要实现的是自动生成方形流体缩略图。到目前为止，我设法在我的fluid查询中使用了GraphQL，但不幸的是，它对图像进行了调整。320, maxHeight: 320, cropFocus: CENTER) { }}源<em
浏览 1提问于2019-05-16得票数 2
回答已采纳
1回答
有什么方法可以使导入到.mdx文件中的图像成为流体吗？我有一个基于mdx文件发布的Gatsby站点，我安装了gatsby-remark-image-attributes和gatsby-remark-images。 resolve: `gatsby-plugin-mdx`, defaultLayouts: { },
]
浏览 2提问于2021-01-18得票数 2
my gatsby-config.js文件： `gatsby-plugin-react-helmet`, `gatsby-transformer-remark`, resolve: `gatsby-remark-images`, maxWidth: 740,
浏览 0提问于2020-08-01得票数 1
我不知道components文件夹中的image.js文件是否应该接受指定流体与固定、图像大小、应该呈现哪个图像等参数，然后根据参数呈现任何图像。如果不是，image.js的标准用法是为您想要显示的每个图像基于image.js生成一个新文件吗？如果是的话，这有什么好处呢？import React from "react"
import { StaticQuery, graphql
浏览 1提问于2019-06-17得票数 5
回答已采纳
1回答
我正试图在我的投资组合中建立一个组件，列出我的所有项目，旁边是流动图像(gif)，它们正在工作。我以前在盖茨比v2中使用这个精确的代码创建了这个页面。我已将gatsby图像加载到我的配置中。我正在将盖茨比图像加载到组件中。有人知道如何解决这个问题吗？import React from "react"
import projectStyles/st
浏览 11提问于2022-06-29得票数 -1
我有一个Gatsby模板，它使用graphql从contentful中获取标题图像。我希望标题图像是流畅的，但我希望它有一个图像的原始大小的max-width。我可以看到GraphQL位有一个maxWidth属性，但是每个图像都有不同的最大宽度。我想我必须改变它生成srcset的方式，但不确定如何生成。
浏览 19提问于2020-05-06得票数 1
示例：如果您打开jsFiddle并展开浏览器的宽度，就可以看到它。目标是使图像永远不超过其
浏览 1提问于2012-07-15得票数 2
我有两个graphql源，一个用于流体图像，另一个用于mongo数据库中的字符。我将字符映射到页面，并且我需要使用字符名称(“allMongodbMobileLegendsdevChamps”中的name字段)作为过滤器(可能使用originalName过滤器)来查找流体img。{champ.name}</h3> ) </section>} 如果我没有使用graphql，我会像这样将
浏览 44提问于2020-08-16得票数 4
我使用盖茨比和图形‘m与无头WordPress为一个网站。它还具有静态和动态特性。
如果每次使用该组件时都使用相同的图像，例如徽标或头版英雄图像，则可以使用S
浏览 1提问于2021-04-05得票数 3
1回答
引导版本为v4.5.2下面是开发工具的图片。我试着使用“img-流体”类，但它对我的图像没有任何影响。
color:black; max-height: 300px;
浏览 2提问于2020-10-14得票数 0
我有一个流体布局的div，我需要保持高宽比1:1。在这个div中，我有时有文本，有时有图像，有时两者都有。图像需要垂直对齐，适合在div内，并保持它自己的纵横比。我已经实现了以上的大部分，我唯一的问题是，我不能得到的图像垂直对齐和不超过大小的div在同一时间。} display: inline-block;}
最后
浏览 3提问于2015-03-26得票数 0
这是存在于任何其他Javascript框架中的单个图像的代码：..。可能是有造型的。这是Gatsby中单个图像的代码(基本上是从Gatsby文档页面 .这只是一个简单的例子)：importImg from "gatsby-image&quo
浏览 12提问于2020-06-24得票数 4
回答已采纳
1回答
我正在尝试用图像数组填充div，使用 ...GatsbyContentfulFluid 除了gatsby拉伸小于div宽度的图像来填充整个空间之外，一切都很好(他应该这样做)，但我的问题是，我是否可以防止这种情况，对于那些图像，使用100%的宽度而不拉伸它们，并且只将流体应用于较大的图像。
浏览 4提问于2020-09-13得票数 0
所以我用盖茨比源-空气表从我的飞机上提取图像。在gastby中，我将附件列映射为filenode：在GraphiQL中，gatsby图像插件似乎正在处理以下查询：airtable(table} }] }}然后转到src生成图像并显示在浏览器中然而，当我尝试在gatsby</e
浏览 0提问于2018-10-05得票数 0
回答已采纳
你好，我正试图用css来达到这个效果，但我不确定这是否可能，下面是我想要做的一幅图像：它需要有流体的宽度(70%，30%)，然后我会放浮子:没有通过媒体，所以图像将在另一个下面，但它也需要有流体高度.jpg"><div class="gallery-30"></div>
浏览 1提问于2014-12-28得票数 2
回答已采纳
1回答
w=730&crop=1" </div>
我试图在一个流体容器div中保存4个图像(必须在一行中)，但我的图像总是溢出目标是让图像适应容器(如object-fit: container )并填充它，而不是忽略它的最大高度限制。我已经尝试了img- fluid，img-responsive，max-height</
浏览 2提问于2020-02-18得票数 1
Project.js文件中的代码如下所示import PropTypes from "prop-types" </article>}
我已经在index.js文件中设置了
浏览 4提问于2020-07-08得票数 1
扫码
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
相关资讯
热门标签
云服务器
ICP备案
对象存储
云直播
腾讯会议活动推荐
腾讯云开发者
