腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
媒体
查询
的
React
内联
BackgroundImage
、
、
我正在开发一个响应式
的
react
应用程序。当视口缩小或增加时,“
backgroundImage
”应该改变。我
使用
内联
样式,因为我无法
使用
公共文件夹中
的
图像
的
相对路径。我已经在
react
中
的
一个变量中创建了一个
媒体
查询
,其中包含它们应该更改
的
宽度。 我已经将样式放在.earder-flex dive元素中。Header.js const Header = () =&
浏览 23
提问于2021-04-26
得票数 1
回答已采纳
2
回答
为JSX工作,在样式中
使用
时会失败。
、
、
这是我
的
部件。当我在JSX中
使用
SVG时,它呈现OK: import Radium from 'radium'; import LogoSvg就好像
backgroundImage
甚至没有被接受一样。将
backgroundImage
更改为简单
的
background: 'red'效果很好。我在这里做错什么了?import
React
浏览 1
提问于2019-06-04
得票数 0
回答已采纳
5
回答
React
中
的
内联
CSS样式:如何实现
媒体
查询
?
、
我非常喜欢
React
中
的
(),我正在考虑
使用
它。然而,我有一个类似于
的
问题。 如何
使用
React
的
内联
CSS模式实现应用程序
的
媒体
查询
?
浏览 0
提问于2015-02-09
得票数 51
2
回答
在Vue中
使用
具有动态特性
的
媒体
查询
、
、
、
因此,我
的
一个页面总是有一个带有背景图像
的
Div,它基于Media (例如,我在电话上从我
的
CDN中获取一个较小
的
分辨率)。现在,由于我在页面加载上获得了Image,我需要将它设置为CSS,对于计算样式属性来说,这是很好
的
,但是那些不支持
媒体
查询
。我看到
的
唯一解决方案是一些调整大小
的
事件侦听器,但我更愿意得到一个干净
的
解决方案。示例代码片段--它在带有预定义Url
的
CSS中
的
外观:
浏览 4
提问于2018-11-21
得票数 1
回答已采纳
15
回答
使用
React
内联
样式设置
backgroundImage
、
我正在尝试访问一个静态图像,以便在
React
中
的
内联
backgroundImage
属性中
使用
。不幸
的
是,我在如何做到这一点上已经用完了。/images/background_image.png'; width: "100%",
backgroundImage
有人能解释一下两者之间
的
区别吗? 示例
浏览 448
提问于2016-08-29
得票数 418
回答已采纳
1
回答
React
Modal和
媒体
-
查询
、
、
、
、
我希望有人能告诉我如何让这个
react
模式移动响应。它没有
使用
bootstrap。
浏览 16
提问于2019-05-08
得票数 0
回答已采纳
1
回答
使用
react
的
内联
媒体
查询
、
、
、
在不同
的
视图中,按钮样式从下划线到背景色,
使用
我从JSON文件中提取
的
themeColor,在某种意义上充当我
的
数据库。当我
的
状态是“活动
的
”并且
媒体
查询
匹配时,如何在
内联
中写一个'else if‘,样式就会相应地更新?
浏览 20
提问于2022-11-12
得票数 0
回答已采纳
3
回答
如何在Reactjs web应用程序中
使用
媒体
打印
、
、
、
<div className="contacts"></div>你知道我怎么才能在Reactjs上实现这样
的
目标吗?
浏览 1
提问于2018-10-18
得票数 12
回答已采纳
2
回答
React
没有显示数据
的
BackgroundImage
、
、
我正在
使用
React
,我试图从一个
backgroundImage
中动态地注入一个data.json,所以我直接在jsx中以
内联
方式编写我
的
backgroundImage
,但是背景不想显示出来。我已经查过来源了,而且是正确
的
!const backgroundThumbnail =
浏览 6
提问于2022-04-15
得票数 0
1
回答
使用
React
内联
样式设置动态
backgroundImage
、
、
我是新来
的
,我很感激有谁能帮忙.但是,当我试图为文件名
使用
一个变量(如下所示)时,我得到了错误:错误:无法找到模块‘.<div style={{ background: `url(${require(imageUrl)}) no-repeat`}}/> 我也尝
浏览 2
提问于2020-10-15
得票数 4
回答已采纳
1
回答
在Jsx中将
backgroundImage
设置为不带相对路径
的
样式
、
、
我
的
下面的代码不能工作,我不确定为什么我不能只
使用
../images/login-bg.png而必须导入它。 render() { return ( <div style={
浏览 3
提问于2017-07-30
得票数 1
回答已采纳
3
回答
我试图在JSX中通过
内联
css添加背景图像,但是它没有被更新
、
、
、
import
React
from "
react
"; color : "red"}
backgroundImage
: "https://wallpapercave.com/wp/wp2771916.jpg", // unable
浏览 3
提问于2020-12-01
得票数 1
回答已采纳
1
回答
将
React
js中元素
的
背景图像设置为存储在变量中
的
图像
、
、
、
这是我正在尝试设置
的
react
元素
的
背景图像 <header className="App-header" style ={{
backgroundImage
: "url(/${image2})"}}> 这是存储图像
的
变量 const [image2, setImage2] = useState("./cryptolines.jpg"); 如何在变量中设置该图像
的
内联
样式<em
浏览 38
提问于2021-11-17
得票数 0
1
回答
如何通过css
媒体
查询
使我
的
反应性组件具有响应性?
、
、
我有这个网站,我目前正在尝试转换为反应css
媒体
查询
电话和平板电脑。有什么解决办法吗?谢谢
浏览 3
提问于2016-10-16
得票数 0
回答已采纳
1
回答
无法解析公用文件夹中
的
文件
、
我在公共文件夹中有我
的
图像和视频,但无法通过background-image: url解析,如下所示: .services { "
浏览 12
提问于2021-08-08
得票数 0
回答已采纳
2
回答
内联
样式是否优先于
媒体
查询
?
、
、
、
我以前用html和
内联
css构建了电子邮件。最近,我决定添加
媒体
查询
,以使他们更加移动友好。然而,我想知道
内联
样式(css)是否优先于和
媒体
查询
。如果我对一个iPhone进行
媒体
查询
,那么电子邮件将显示来自适当
媒体
查询
的
样式还是
内联
样式? 谢谢!!
浏览 8
提问于2016-01-15
得票数 1
回答已采纳
1
回答
CSS
媒体
查询
不足以检测超大型移动/平板设备与桌面设备
、
、
、
通常,当在桌面上检测移动设备或平板设备时,我
使用
以下
媒体
查询
。@media only screen and (min-width: 991px) 现在
的
问题是,iPads在景观和iPad
的
专业比宽度991更重要。是否有更高级
的
媒体
查询</e
浏览 5
提问于2019-10-18
得票数 1
回答已采纳
3
回答
未显示
的
react
内联
样式
backgroundImage
、
我试图加载一个反应组件
的
背景图像。图像最终将发生变化,因此我
使用
内联
样式进行此操作,如下所示:<div className="auth-page" style={{
backgroundImage
: `url(${imageFilename}`, backgroundColor: '#cccccc'
浏览 2
提问于2021-04-06
得票数 1
回答已采纳
2
回答
如何
使用
“反应”中
的
道具将背景图像显示给div
、
我正在
使用
react
,现在我想在div中添加一个背景图像。图片网址来自道具。但是没有显示背景,
内联
css
的
代码如下所示 export default function City(props) {props.img ; <div className='col-lg-4 col-md-4 col-sm-10 ' sty
浏览 9
提问于2022-03-11
得票数 0
1
回答
iframe中
的
react
-native-webview控件
媒体
播放
、
、
我目前正在开发一款有多种
媒体
来源
的
应用程序。其中之一是
使用
react
-native-webview和<iframe/>
的
嵌入式Vimeo视频。我想知道是否有任何方法可以从ReactNative控制这些组件
的
播放。 问题是,我需要确保当另一个
媒体
源启动时,在
react
-native-webview中播放
的
任何视频都会停止。我有一个iOS
的
解决方案,通过视频URL上
的
Vimeo<e
浏览 57
提问于2020-07-27
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
在2018年你应该知道的9个关于CSS组件化的JS库
React-组件样式的两种方式
CSS-in-JS:一个充满争议的技术方案
这是一篇认真的学习心得
28个顶级的React UI组件库,请查收!
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券