CSS的calc（）函数是否支持FR单位？

Question

正如问题的标题所暗示的，CSS calc()函数是否支持以下示例中使用的fr单元？

.sample-grid {
    --main-fr: 60fr;
    grid-template-columns: var(--main-fr) 1rem calc(100 - var(--main-fr));
}

我最初的猜测是，并非如此-既不在Firefox中也不在Chrome中。

Answer 1

否，根据specs

  

7.2.3。弹性长度：“ fr”单位

     

柔性长度或是具有'fr'单位的尺寸，它表示网格容器中剩余空间的一部分。大小为fr个单位的轨道称为弹性轨道   因为它们响应剩余空间而弯曲，类似于弹性项目如何填充弹性容器中的空间。

     

    

注意：值不是（也不与兼容，例如某些值），，因此它们不能用其他单位类型表示或与之组合“ calc（）”表达式。

  

^强调我的