因此，在构建了完整的web应用程序之后，我决定让它对移动设备友好。我在react中使用了material ui框架。我阅读了文档，但不确定如何使用它。所以让我给你一个概述，我的想法是如何工作的 假设我有这个组件 function App() { <Button variant="contained" color="pri
浏览 5提问于2021-05-02得票数 3
2回答
如何在react中添加媒体查询？
、、、、
您能告诉我如何在物料界面添加媒体查询吗？我检查了这个链接
console.log(matches);
Material UI具有以下断点从这一行useMediaQuery(theme.breakpoints.down("sm"));中，当宽度小于600px时，它
浏览 0提问于2020-06-07得票数 0
2回答
根据import { CssBaseline, ThemeProvider, useMediaQuery } from "@material-ui/ui/auth/SignIn.js";
import SignUp from "./ui</e
浏览 5提问于2020-12-02得票数 0
回答已采纳
我试图改变不同屏幕大小的材质-ui按钮上的变体和/或大小。例如，不要在"sm“断点下使用任何变体或size="small”，而在"sm“之上使用variant=”和/或size=“”large“。通常，我会使用withStyles并创建一个带有theme.breakpoints的样式，通过使用className将样式应用到元素中来影响更改，但是变体和大小是道具。在阅读了，浏览了网页，并做了大量的修改之后，我似乎找不出任何
浏览 1提问于2018-09-24得票数 9
回答已采纳
我正在尝试使我的卡响应移动应用程序 const styles = { width: "40%", background: "#76ff03" add: { background: "#18ffff", }, minHeight: 210, }
<C
浏览 23提问于2020-03-25得票数 0
回答已采纳
我正在尝试使用Material UI的useMediaQuery来修改Material UI的一个组件的样式，这就是按钮组件。当屏幕缩小时，我试图删除按钮周围的轮廓。所以我试着这样做： const mediumScreen = useMediaQuery(theme.breakpoints.down('md'));
nameoutlined'}
浏览 29提问于2021-07-26得票数 1
1回答
Theme.jsNavigator.js const theme = useTheme();
const matches = useMediaQuery
浏览 0提问于2021-02-24得票数 0
我正在尝试从媒体查询中获取系统主题，然后动态设置主题。如果我将所有内容都保留在主应用程序函数中，就可以正常工作，如下所示：坏掉的例子：未来的代码:工作代码，但我想重构它，这样主题和媒体查询对象就在from '@material-u
浏览 2提问于2020-06-21得票数 3
目前，我正在按照docs中的建议在Material对话框组件上使用fullScreen属性(它作为屏幕上的一个模式)，如下所示：
const fullScreen = useMediaQuery
浏览 4提问于2021-09-10得票数 2
回答已采纳
我想控制动画(Framer )何时可以使用window.innerWidth运行，但是在Next.js中我得到了以下错误消息：
ReferenceError: window is not defined
浏览 3提问于2021-07-08得票数 0
回答已采纳
3回答
通过阅读文档，我认为在后来的材料中最好的解决方案-ui是useMediaQuery，但充其量我无法正确地实现它。我的目标是在打印页面时隐藏菜单，因此我编写了如下内容： ... code to be hidden它编译一个执行良好，但不工作。当浏览器进入打印预览模式(FF 65)时，该组件似乎不会呈现。
浏览 1提问于2019-02-13得票数 3
回答已采纳
为了最佳实践/性能，我应该useMediaQuery一次并在props中传递它吗？或者我应该在嵌套组件中再次调用useMediaQuery？或者这真的无关紧要？所以，举个例子是不是更好： const theme = useTheme(); const theme = useTheme();
浏览 0提问于2020-01-31得票数 0
2回答
我正在测试材料-UI。我已经使用了很长一段时间了，但我有兴趣调整一些反应项目的材料-UI。我一直想弄清楚的是，如何在资料界面中创建响应卡。问题：提前感谢您的帮助！
浏览 1提问于2020-03-22得票数 2
回答已采纳
1回答
我有问题，我使用这段代码来响应布局。在我的计算机中，当我使用编程工具观察我的代码在电话大小时，它看起来很完美，但是当我部署它时，这一点都不起作用。我不明白为什么，因为我在另一个子页面中有相同的代码，而且它在那里工作得很好。import MediaQuery, { useMediaQuery } from "react-responsive";
const Phone = useMediaQuery({
浏览 6提问于2022-07-31得票数 0
代码：import { makeStyles } from "@material-ui/core/styles";
List, ListItemIcon, Container,} from "@material-ui/core";
import HomeIc
浏览 3提问于2021-02-07得票数 0
回答已采纳
2回答
当使用函数作为组件时，您可以使用material-ui中的useMediaQuery钩子。然而，它并没有向你展示如何在一个类中使用这个钩子。所以我做了一些研究，发现你可以通过这样做在类中使用它： import React from 'react';
import useMediaQuery from '@material-ui/core/useMediaQuery&#
浏览 137提问于2020-01-10得票数 11
回答已采纳
我使用的是material-table，我想让搜索文本字段像在这个example中那样可扩展。但是我不知道如何更改该文本字段的样式。
浏览 13提问于2020-04-06得票数 1
我想知道，有没有一种方法可以复制const navbgTransitions，然后在它们周围包装单独的React媒体查询，并设置from、enter和leave动画根据视口宽度的不同而播放不同的动画？
浏览 26提问于2020-09-27得票数 1
回答已采纳
我使用next.js和material，并根据用户喜好更改主题。但是当切换到光模式时，我设置的样式(使用JSS)将被覆盖，只有在使用光模式时才会发生这种情况--我甚至试图逆转这两个主题，但是它不起作用。经过大量的尝试，我发现当更改系统/浏览器以使用与useMediaQuery()挂钩中的主题不同的主题时，就会出现问题。用于设置主题的代码(在_app.js中设置)：
import Header from "../compon
浏览 2提问于2021-08-04得票数 0
回答已采纳
3回答
我希望容器方向在md大小屏幕上为"row“，在md大小屏幕下为"column”？我如何实现它？有没有办法在样式表文件中访问这些react道具？
浏览 35提问于2020-09-28得票数 3
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号