Html css`calc()`函数是否支持`fr`单元?
正如问题的标题所示,CSSHtml css`calc()`函数是否支持`fr`单元?,html,css,css-grid,Html,Css,Css Grid,正如问题的标题所示,CSScalc()函数是否支持以下示例中使用的fr单元 .sample-grid { --main-fr: 60fr; grid-template-columns: var(--main-fr) 1rem calc(100 - var(--main-fr)); } 我最初的猜测是没有——无论是在Firefox还是Chrome中都没有 7.2.3。柔性长度:“fr”单位 柔性长度或是带有“fr”单位的维度,表示网格容器中剩余空间的一小部分。使用fr单元调整大小
calc()
函数是否支持以下示例中使用的fr
单元
.sample-grid {
--main-fr: 60fr;
grid-template-columns: var(--main-fr) 1rem calc(100 - var(--main-fr));
}
我最初的猜测是没有——无论是在Firefox还是Chrome中都没有
7.2.3。柔性长度:“fr”单位
柔性长度或是带有“fr”单位的维度,表示网格容器中剩余空间的一小部分。使用fr
单元调整大小的轨道称为柔性轨道
因为它们对剩余空间的响应类似于flex项如何填充flex容器中的空间
注意:值不是s(也不像某些值那样与s兼容),因此它们不能在“calc()”表达式中表示或与其他单位类型组合
强调我的问题问题中的例子似乎想到了
fr
类单位百分比(事实并非如此),这可能是从不同角度处理问题的一个好迹象。