小编use*_*356的帖子

我希望当 Container 变成 xs 时 Container 没有填充。

我尝试了以下操作： https: //material-ui.com/api/container/，但我无法让它工作。如果我在 StyledContainer 中添加 root 而不是 maxWidthXs，则所有尺寸的 padding 都会变为 0，但如果 Container 尺寸为 xs，我只希望 padding 为 0。

import React from "react";
import { withStyles } from "@material-ui/core/styles";
import Paper from "@material-ui/core/Paper";

import Container from "@material-ui/core/Container";
const StyledContainer = withStyles({
    maxWidthXs: {
        paddingRight: "0",
        paddingLeft: "0",
        paddingTop: "0",
        paddingBottom: "0",
    },
    root: {},
})(Container);

export default function SimplePaper(props) {
    // const classes = useStyles();

    return (
        <StyledContainer maxWidth="xl" xs={12}>
            <Paper
                style={{
                    alignItems: "center", …