- 最新版本中存在此问题。
- 我已经搜索了此存储库的issues,并认为这不是重复的。
当前行为😯
我在Body 1排版中添加了默认边距:
const theme = createTheme({
typography: {
body1: {
margin: "1em 0",
},
},
});
我还使用CssBaseline
组件来重置我的body
边距。
预期行为🤔
body
标记边距应不受主题的“排版”边距的影响。
重现步骤🕹
操作步骤:
1.添加了上面的相关代码。情况应该是相当简单的,但如果不是的话,很乐意创建一个可克隆的repo。
上下文🔦
使用CssBaseline重置正文边距,同时为Body 1版式设置默认边距。
我认为该问题是由bd47246#diff-1436704 df 74905287 cc 5 fb 6 f20 b61 e236 f60 e395 b38 c45 ec 51 dcbe 841 afa 7 ecaR 25引起的。
如果我正确理解了更改的上下文,它似乎只打算复制字体大小。我想提出以下更改:...(theme.typography.body1 && theme.typography.body1.fontSize ? {fontSize: theme.typography.body1.fontSize} : {})
因此只有fontSize
被复制。
您的环境🌎
'npx @mui/环境信息'系统:操作系统:Windows 10 10.0.19043下载节点:14.17.6 - C:\程序文件\节点\节点. EXEYarn:1.22.4 - C:\程序文件(x86)\Yarn\箱\Yarn.CMD npm:6.14.15 - C:\程序文件\节点\npm.CMD浏览器:镀铬:94.0.4606.81边缘:斯巴达(44.19041.1266.0)、铬(95.0.1020.30)纳米封装:@情绪/React:11.5.0 @情感/风格:11.3.0 @梅/芯:5.0.0-alpha.51 @mui/图标材料:5.0.4 @梅/材:5.0.4 @梅/私主题化:5.0.1@mui/曲式发动机:5.0.1@mui/系统:5.0.4 @梅/类型:7.0.0@mui/实用程序:5.0.1 @类型/React:^17.0.30 =〉17.0.30React时间:17.0.2反作用域:17.0.2打印稿:^4.4.4 =〉第4.4.4节
6条答案
按热度按时间yqhsw0fo1#
也许@mbrookes可以回应,他有更多的背景,为什么它被介绍。
8fsztsew2#
从body2到body1的更改是v5中引入的突破性更改之一:#24018的最大值
我想CSSBaseline的范围可以限制为fontSize,但这本身就是一个突破性的变化...
bgibtngc3#
我想是的,但是编辑排版的边距(或其他看起来更违反直觉的样式,例如背景色、边框等)是否会影响文档正文的相应样式?
如果是这样,那么是的,这是一个突破性的变化,我将保留我目前的变通办法。
如果没有,那么可以说这是一个意外后果的补丁。
g52tjvyc4#
我不认为这是有意的,但同时我们也不能假设其他人没有依赖它(尽管这看起来不太可能)。我想这取决于我们对SemVer的严格遵守程度。我尊重@eps1lon在这方面的观点,而不是我自己的观点。
x8goxv8g5#
一个非破坏性的更改可以是在主题中公开除
typography.body1
之外的另一个字段,这也会影响body1的默认样式。bxfogqkk6#
然而,它引入污垢只是为了避免一个破坏性的变化,其本身的删除将是一个破坏性的变化。
除非它有足够的动力,否则我们就停下来。