腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4729)
视频
沙龙
1
回答
梅:根据渲染宽度更改文本
、
、
我有一个反应应用程序使用材料UI 5组件。它具有响应性,并且我希望根据可用的显示空间潜在地更改实际文本。例如,如果空间很大,我想展示“威廉·杰斐逊·克林顿”,如果它是“比尔·克林顿”,如果它真的很小,那么"42“。大小是一个相对的东西,取决于字体,字母间距等。那么,是否有一个好的方法,在反应,MUI,或打字稿,以确定有多大的东西时,它将呈现,然后选择相应的文本?
浏览 10
提问于2022-09-28
得票数 0
1
回答
如何将
媒体
查询
添加到
React
CSS
对象
?
、
、
、
目前,我有以下内容: const ButtonStyles = {} 但是我想为手机添加一个
媒体
查询
,它会是这样的吗?
浏览 21
提问于2021-06-29
得票数 1
回答已采纳
1
回答
反应介质与反应反应的区别
、
、
我开始考虑在我的
react
应用程序中有条件地呈现组件。我遇到了反应
媒体
()和反应回应()。 两者似乎非常相似,也没有提到与另一方的差异,也没有提到其中一个特别糟糕而另一个更好的用例。
浏览 3
提问于2017-07-19
得票数 5
回答已采纳
1
回答
ReactJS中的
CSS
-
媒体
查询
和分组选择器
、
、
我如何使用接下来的两个
CSS
示例来做出反应,就像我在普通
CSS
/HTML中所做的那样,但不使用danerouslySetInnerHTML @media (max-width: 600px) {编辑:有更多的
css
背后的场景,我想转换
css
和html的反应组件。问题是,我不知道
如何将
媒体
查询
从简单的
CSS
转换为
React
。我希望将该
媒体
查询
应用于整个组件。我知道如何在一般情况下转换
浏览 0
提问于2018-06-24
得票数 2
回答已采纳
1
回答
在
React
中动态创建
css
类
、
我需要创建一个基于输入图像的
媒体
查询
CSS
类。用于创建
css
的
react
脚本应该如下所示: const getBackgroungImageSet = (image) => { } } 可以在
react
中将这个类
添加到
文档中吗?
浏览 29
提问于2020-10-26
得票数 0
回答已采纳
2
回答
镭-错误:请将应用程序包装在StyleRoot组件中。
、
、
、
我有一个简单的
React
组件,我想将
媒体
查询
添加到
:import Radium, {StyleRoot} from 'radium/core/styles/base.
css
';
浏览 1
提问于2017-01-03
得票数 2
2
回答
React
中
CSS
伪类的样式设计
、
、
、
、
我需要将一些
CSS
规则应用于::before和::after,但我不知道如何实现。
浏览 0
提问于2018-01-26
得票数 3
回答已采纳
1
回答
在响应
媒体
查询
中添加“淡出/淡入”
、
、
、
、
我想知道
如何将
‘淡入/淡出’效果
添加到
使用
CSS
3
媒体
查询
的响应web站点中,使元素出现或消失。我已经知道了如何使用linear转换,但是我真的很想使用淡出。
浏览 3
提问于2012-01-23
得票数 1
回答已采纳
2
回答
如何在
react
native中使用
媒体
查询
?
、
、
我已经在我的
react
原生应用程序中使用了SCSS,所以我想在移动设备上使用
媒体
查询
。 我已经使用
react
-native-sass-transformer插件将scss转换为
css
。我的问题是
媒体
查询
没有在
react
原生应用中应用。
浏览 1
提问于2019-07-08
得票数 0
1
回答
React
Modal和
媒体
-
查询
、
、
、
、
我希望有人能告诉我如何让这个
react
模式移动响应。它没有使用bootstrap。
浏览 16
提问于2019-05-08
得票数 0
回答已采纳
1
回答
媒体
查询
设置
、
、
、
我为手机创建了一个
媒体
查询
但是我需要这个桌面
查询
如果我将like
添加到
@media桌面
查询
.body {widt
浏览 0
提问于2016-01-29
得票数 0
回答已采纳
1
回答
如何停止
媒体
查询
的
React
呈现
、
、
我有现有的
CSS
(因此,我应该考虑它),它包括
媒体
查询
是否显示一个元素。
CSS
按预期工作,但问题是,即使
媒体
查询
导致元素不被重新呈现,反应仍然会重新呈现和重新构造DOM。是否有一种方法来检测
媒体
查询
在
React
中,然后如果
媒体
查询
说不呈现,则不呈现吗?
浏览 1
提问于2017-10-08
得票数 1
回答已采纳
2
回答
如何使用@media更改属性样式组件中的宽度
、
我不确定他们叫什么,但我有一个组件,它把它的样式作为一个带有道具的
对象
。我知道如何在
css
中使用@media标签,但我不知道如何在这个组件中编写@media,也不知道如何实现我想要的。
浏览 0
提问于2021-11-25
得票数 0
1
回答
在useEffect挂钩中使用matchMedia会导致无限呈现
、
、
、
我正在使用window.matchMedia来检测屏幕大小。当页面转到一个小屏幕时,我想重新加载页面。但是,我的代码会导致无限渲染。我该如何解决这个问题呢? export default function App(props) { const large = useMedia("(min-width: 800px)"); window.location.reload(); return ( <div
浏览 13
提问于2020-07-25
得票数 4
1
回答
如何使用JavaScript在
React
中以不同的屏幕位置和大小布局(“绘制”)动态生成的<DIV>s?
、
、
、
在
React
中,在我的render方法中布置这些数据的最佳方法是什么?我意识到我也许可以在我的
React
render代码中内联编写每个<DIV>的style,但我想要找到一种更优雅的方法,目前我的大脑一片空白。我正在考虑用
CSS
Sprite实现这一点(这是在谷歌搜索之后出现的),但由于我的任务是快速完成这项工作,而且我对
CSS
Sprite一无所知,我想要找到一种更简单的方法。(具有讽刺意味的是,我很久以前就来自ActionScript背景,这一切都很明显,但JS世界中的JS和
CSS
之间的
浏览 8
提问于2019-06-18
得票数 0
2
回答
为什么我的
React
样式表
媒体
查询
不起作用?
、
、
我正在连接一个外部样式表到我的
React
组件,我有一个
媒体
查询
,当屏幕宽度小于300px时,我希望徽标的高度为100vh。但是,此
媒体
查询
将被忽略,并且仅应用原始样式。我尝试使用style标记直接在HTML文件中添加
css
。相关代码如下: Logo.js import
React
from "
react
"; export default cl
浏览 62
提问于2020-10-31
得票数 0
回答已采纳
1
回答
向grails资源插件添加
媒体
查询
、
我正在为我的
CSS
使用grails资源插件,我想知道是否有一种方法可以将
媒体
查询
添加到
资源中。因此,我想从以下来源获取
媒体
查询
: <link rel="stylesheet" media="screen and (max-width:500px)" href="/
css
/stylesheet.
css
" type="text/
css
浏览 4
提问于2013-01-22
得票数 2
回答已采纳
1
回答
如何将
媒体
查询
添加到
react
-select中的样式属性?
、
、
我想添加一个
媒体
查询
,以使控件
对象
的宽度在768px宽度或更大的范围内更改,但我无法将JavaScript
添加到
样式下的控件函数中。
浏览 0
提问于2020-01-21
得票数 2
2
回答
合并
媒体
查询
,使用SASS和断点(Respond To)
、
、
使用SASS和Respond To(断点)可生成具有多个
媒体
查询
的.
css
文件,而不是合并。如何自动合并所有
媒体
查询
? 谢谢
浏览 2
提问于2013-07-05
得票数 0
回答已采纳
4
回答
如何使用
React
.js访问标记样式
、
、
JavaScript编写这段代码,如下所示:document.getElementById("number1").style.backgroundColor="red";但是,如果我们想用
React
浏览 3
提问于2022-06-27
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何使用GraphQL构建TypeScript+React应用
React中使用CSS的7中方式
在2018年你应该知道的9个关于CSS组件化的JS库
我用Vue和React构建了相同的应用程序,这是它们的差别
零基础自学web前端需要掌握哪些技能,才能去工作?
热门
标签
更多标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
活动推荐
运营活动
广告
关闭
领券