.wp-block-columns { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; }
编辑器里第二栏跑到第一栏下面,宽度还窄了一半;前台预览两栏并排正常。刷新编辑器仍然复现,换浏览器一样。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。
追下去是这么回事:编辑器里的栏宽按内容撑开,区块没有设宽度时两栏抢空间,侧栏样式又给 columns 加了固定宽度。前台走的是主题的网格规则,所以看起来没事。
「栏区块编辑器错位」确认了原因之后,改动尽量只碰那一处,顺手改的东西后面最容易出问题。权限不要一口气开到最大,先加到够用再往上试,范围小才好收。
把复现步骤压到三条以内,交给同事也能跑出来,才算真的定位清楚。
处理上按这个顺序:给每个栏区块显式设置宽度比例 不要留空;检查编辑器样式是否给 columns 加了换行;把栏布局改成网格模板 由主题统一控制断点。
确认没问题再收工,编辑器和前台两栏比例一致,窄屏下自动堆成一栏。
