CSS Grid在Firefox与Chrome中渲染不一致问题求助

我的CSS Grid在Firefox和Chrome中的渲染效果不一致，尽管两款浏览器的计算规则完全相同。网格的计算高度在两款浏览器中数值一致，网格模板代码如下：

display: grid;
grid-template-columns: [col0] 33% [col1] 17% [col2] 25% [col3] 12.5% [col4] 12.5% [col5];
grid-template-rows: [row0] 50% [row1] 33% [row2] 17% [row3];

• Firefox显示正常：各网格行高按设置比例分配，无异常空白
• Chrome行高表现异常：网格行高超出预期比例，出现多余空白
• 调整网格父元素高度后仍无改善：即便父元素高度设置正确，Chrome中行高过大导致的空白问题依然存在

我已确认两款浏览器的计算规则一致，但问题仍未解决。

内容的提问来源于stack exchange，提问作者FREɄD