如何在MUI中添加带断点的自定义CSS：中等尺寸生效内边距

• 你的代码问题出在sx属性的语法错误，MUI的sx属性要求接收一个对象，响应式断点（比如md）需要嵌套在这个对象内部，你漏写了外层的大括号。
• 正确的写法如下：

  <Grid container spacing={4} sx={{ md: { p: 12 } }}>
  

• 原理：MUI的响应式断点在sx中必须以对象嵌套的形式定义，外层对象包裹所有样式规则，断点作为内层键名，对应的值就是该断点触发时的样式。这样设置后，只有当屏幕宽度达到md（默认≥900px）的阈值时，内边距p:12才会生效。

内容的提问来源于stack exchange，提问作者Kevin Alfito