【问题标题】:Material ui MaxwidthLG材质ui MaxwidthLG
【发布时间】:2021-12-11 12:29:29
【问题描述】:

您好,我遇到了材质 ui css 的问题。我试图覆盖它,但仍然无法正常工作。我希望我的完整 div 获得完整页面,但这种情况正在发生。

我希望它占据整个宽度。但我无法编辑 muicontainer

【问题讨论】:

    标签: css material-ui material-design


    【解决方案1】:

    在您的 CSS 中:

    div.MuiContainer-root.MuiContainer-maxWidthLg.css-1qsxih2 {
    width:100vw!important;max-width:100vw!important;min-width:100vw!important;
    }
    

    您可能想尝试使用此选择器(删除似乎每次都生成的最后一个类):

    div.MuiContainer-root.MuiContainer-maxWidthLg
    

    【讨论】:

    • 对我不起作用 侧面还有空间
    • 好的,你能显示所涉及的完整 HTML 和 CSS(在文本中,而不是图像中)
    • 您好,我已添加。 body margin: 0, padding: 0, box-sizing: border-box.它可以在我的本地主机上运行,​​但是在 Netlify 上发布时它仍然没有占据整个宽度。
    • 每次都是同一堂课吗?我看到最后有一些随机字符似乎每次都以不同的方式生成。这可以解释。重新检查类是否完全相同。否则,您可以使用 javascript 注入样式并覆盖其他任何内容。
    猜你喜欢
    • 2018-10-22
    • 2021-11-15
    • 2022-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-12
    • 2019-07-14
    • 2020-08-19
    相关资源
    最近更新 更多