我试图摆脱主题中存在的最大宽度。
这是我在 Chrome 中看到的(如果我取消选中它,它会做我需要的):
@media (min-width: 1280px)
.MuiContainer-maxWidthLg {
max-width: 1280px;
}
我该怎么做?
我试过这样的事情:
const useStyles = makeStyles(theme => ({
root: {
'& .MuiContainer-maxWidthLg' : {
maxWidth: //No matter what I put here, it does not work
},
但是好像没什么效果……
我怎样才能覆盖这个?
谢谢,
亚历克斯
最佳答案
maxWidth
Container
的 Prop defaults to 'lg' ,但您可以阻止 Material-UI 尝试控制 Container
的最大宽度通过设置 maxWidth={false}
.
这是一个简单的例子:
import React from "react";
import Container from "@material-ui/core/Container";
import Paper from "@material-ui/core/Paper";
export default function App() {
return (
<Container maxWidth={false}>
<Paper>
<h1>Hello CodeSandbox</h1>
</Paper>
</Container>
);
}
相关文档:https://material-ui.com/api/container/#props
代码引用:https://github.com/mui-org/material-ui/blob/v4.9.13/packages/material-ui/src/Container/Container.js#L88
关于css - 如何覆盖 Material UI .MuiContainer-maxWidthLg?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61633192/