腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(1807)
视频
沙龙
1
回答
gatsby-image
映射多个查询
reactjs
、
gatsby
、
gatsby-image
对于图像,我想使用
gatsby-image
和艺术指导多个图像。中的示例可以处理单个图像,但是我
如何将
其
应用于
包含多个图像的组件?/images/image3.jpg'),] import { graphql } from "
gatsby
" import Img from &
浏览 1
提问于2019-11-04
得票数 0
1
回答
Gatsby
:
如何将
CSS
应用于
gatsby-image
css
、
gatsby
我正在尝试将
CSS
应用于
gatsby-image
。
Gatsby
一直呈现没有应用样式的HTML。当我在浏览器中打开呈现的页面时,我可以在devtools中看到生成<Picture>标签的位置: <div class="test
gatsby
-image-wrapper" ...> <imgHere是一个显示未应用
CSS
的屏幕截图。
浏览 20
提问于2019-02-22
得票数 0
1
回答
如何设置背景大小:在Gatsbys插件上包含“
gatsby
-注释-图像”
gatsby
我正在使用
gatsby
-transformer-remark在我的GatsbyJs博客中用标记来呈现图像。我在我的
gatsby
-config.js文件中使用以下配置: resolve: `
gatsby
-transformer-remark`, plugins: [{ options: { maxWidth: 500,当我添加一个maxHeight属性时,我将得到一个
浏览 0
提问于2018-11-16
得票数 2
1
回答
如何将
className传递给盖茨比中的图像组件
reactjs
、
gatsby
、
react-props
我正在使用
gatsby
和
gatsby
,我希望img标记(Logo组件)在被呈现为html时具有一个className of logo,
gatsby
图像文档说,
如何将
它传递给道具。logo.jsimport { StaticQuery, graphql } from "
gatsby
" * This
浏览 1
提问于2019-03-03
得票数 2
回答已采纳
1
回答
如何在移动端
Gatsby
中更改图像的固定高度?
javascript
、
reactjs
、
gatsby
、
gatsby-image
我目前正在我的
Gatsby
站点中映射一个图像数组,其中每个图像都有395px的固定高度和自动宽度。然而,我需要能够将图像的固定高度改为200px以下的屏幕尺寸低于768px。
浏览 4
提问于2021-03-31
得票数 0
1
回答
盖茨比: getImage返回未定义的
javascript
、
reactjs
、
gatsby
、
gatsby-image
、
gatsby-plugin
/components/Layout";import { GatsbyImage, getImage} from "
gatsby
-plugin-image"; const { gallery } = useStaticQuery(graphql`
浏览 9
提问于2022-05-19
得票数 3
回答已采纳
1
回答
flexbox容器中的响应式
gatsby
图像
gatsby
、
gatsby-image
我正在努力让
gatsby-image
以一种响应式的方式与flexbox一起工作: 我希望我的所有图像的大小和高度相同,他们应该是移动和桌面响应。 这是
gatsby
镜像的用例吗?如何在flexbox容器中使用
gatsby-image
,并且希望所有图像的大小和高度都相同。
浏览 19
提问于2020-08-22
得票数 1
回答已采纳
1
回答
Gatsby
背景图像上的线性梯度
css
、
gatsby
、
css-modules
在这张图片上,我想要一个线性渐变,它位于我的
css
模块中。如果不使用在javascript文件中编写的
css
,我该怎么做呢?在js文件中编写线性渐变确实有效,但它将我的
css
样式放在了我不想要的地方。如何在
css
模块中引用渐变样式并使其与
Gatsby
-Background-Image一起工作?在
css
-module文件中使用heroGradient类将覆盖整个图像。如何在不覆盖的情况下保留堆栈中的图像,只在顶部应用渐变?
浏览 3
提问于2021-03-02
得票数 0
2
回答
当容器变成flex容器时图像消失
flexbox
、
gatsby
我有一个用
Gatsby
版本2制作的页面,我想在一个flexbox容器中用
gatsby-image
制作组件。当我在开发工具中查看
Gatsby
应用的
CSS
样式时,我尝试逐个取消选择属性。当我取消选择position: absolute;属性时,图像会出现,但它的大小或位置不正确。import React from "react"import {
css
} from "@emoti
浏览 40
提问于2019-07-08
得票数 12
回答已采纳
1
回答
Gatsby
- GraphQL图像未定义
javascript
、
reactjs
、
graphql
、
gatsby
我试图使用
Gatsby
Image将图像延迟加载到
CSS
网格中。我一直收到错误-“无法读取未定义的属性'person‘”。import React from "react"import Img from "
gatsby-image
" const Portfolio
浏览 0
提问于2020-05-12
得票数 0
1
回答
gatsby
- image :
如何将
处理后的图像导入
css
并与背景图像属性一起使用
css
、
graphql
、
gatsby
我成功地将
gatsby-image
实现到我的项目中,并替换了我的组件中使用的大量img标记。但是现在我试图为我的一些组件优化背景图像,但我不知道如何优化,因为使用
gatsby-image
会生成一个新的img标记,而我不能使用它作为一个div元素的背景。可以s1向我展示如何使用生成的图像与
css
。header_one.jpg/" }) { ...GatsbyImageSharpSizes }以前,在我的
c
浏览 3
提问于2018-09-18
得票数 4
1
回答
在
Gatsby
中迭代包括图像在内的数据
javascript
、
graphql
、
gatsby
、
gatsby-image
在盖茨比(
Gatsby
)中,我想迭代一个包含对象的数组。每个对象的一个属性将是一个图像。我希望能使用盖茨比图像。
浏览 3
提问于2021-02-22
得票数 1
回答已采纳
1
回答
有一个好的反应旋转木马组件,将与盖茨比图像工作?
reactjs
、
gatsby
、
gatsby-image
我正试着制作一个旋转木马来展示我做过的一些项目的图片。我知道周围有很多反作用旋转木马组件,那么有谁知道哪一个能很好地处理盖茨比映像呢?
浏览 0
提问于2020-05-06
得票数 6
回答已采纳
1
回答
在
gatsby-image
props中使用objectFit
gatsby
我试着在
gatsby-image
上使用这个属性:objectFit="none"它没有效果--默认的"cover"出现了。 我可以用
css
解决这个问题,但我希望不需要这样做,任何想法。
浏览 16
提问于2019-04-18
得票数 6
1
回答
如何访问react类组件中的GraphQL查询数据
reactjs
、
ecmascript-6
、
graphql
、
gatsby
我在react目录中的/src/components目录中有一个名为“Header”的
gatsby
组件,定义如下:import{ Link } from '
gatsby
'import Img from "
gatsby-image
"/head
浏览 2
提问于2019-01-29
得票数 2
1
回答
在
Gatsby
中使用
CSS
和imgStyle
html
、
css
、
gatsby
、
gatsby-image
有没有办法通过
gatsby-image
的imgStyle属性来使用
CSS
?<!-In the HTML -->和 /*In the
CSS
浏览 3
提问于2021-02-13
得票数 1
1
回答
带
gatsby
图像的全尺寸图像的模态.极限高度和宽度
modal-dialog
、
bootstrap-modal
、
gatsby
、
react-modal
、
gatsby-image
/imagemodal.module.
css
'import Img from '
gatsby-image
' const data = useStaticQuery我试过的 我在
CSS
中使
浏览 2
提问于2021-03-04
得票数 1
2
回答
Gatsby
上的情感问题(带样式的组件)
css
、
reactjs
、
gatsby
、
styled-components
、
emotion
/navegacion'; return ( background-color: #0d283b; `} <div
css
={
css
` ma
浏览 0
提问于2020-11-29
得票数 0
1
回答
Gatsby
样式的组件,
CSS
在<head>中显示
gatsby
、
styled-components
我正在构建一个带有样式组件的
Gatsby
网站。 )h1 {}结果:
CSS
在下图中,您可以看到
CSS
显示在左上角。 "build": "
gatsby
build", "develop": "
g
浏览 0
提问于2020-12-27
得票数 0
1
回答
使用StaticImage将外部样式
应用于
盖茨比twin.macro
css
、
reactjs
、
gatsby
我使用来自
gatsby
插件的StaticImage与twin.macro一起进行
CSS
样式设计,并遵循以下指南:。...import { StaticImage } from '
gatsby
-plugin-image但是,将相同的技术
应用于
StaticImage的样式属性会导致以下错误:
如何将
twin.macr
浏览 3
提问于2021-04-05
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
你的博客用不着什么JavaScript框架
了解基本CSS3动画属性值,必须小心避免滥用
这30个超级工具!前端开发很喜欢
如何学习CSS?先了解开发基础知识
从菜鸟到大神,前端学习书籍推荐
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券