在 calc() 中使用分数 (fr) 给出“无效的属性值”

我正在尝试使用calc()使用 CSS 网格时在某些宽度上。所以我正在尝试的一件事是：

grid-template-columns: calc(1fr - 50px) calc(1fr - 50px);

因为我希望它是两个分数，但删除 50px 因为它用于填充等。但是，执行此操作时，Chrome 会显示：“属性值无效”。

Can't calc()用于分数，或者我在这里做错了什么？

An fr单位不是标准长度，如百分比或像素。它仅代表剩余空间。

所以，fr不能用于calc()表达式。

§7.2.3。灵活的长度：fr unit https://www.w3.org/TR/css3-grid-layout/#fr-unit

灵活长度是一个尺寸fr单位，代表 网格容器中剩余空间的一小部分。

fr单位不是长度，因此不能用以下形式表示calc()表达式。

但你真的需要吗calc()首先？

fr仅适用于剩余空间，即剩下的空间after真实长度，如宽度、边框、边距和填充已被考虑在内。

考虑使用fr在其自己的。否则，请发布包含问题的完整示例。