Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css`calc()`函数是否支持`fr`单元?_Html_Css_Css Grid - Fatal编程技术网

Html css`calc()`函数是否支持`fr`单元?

Html 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单元调整大小

正如问题的标题所示,CSS
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
类单位百分比(事实并非如此),这可能是从不同角度处理问题的一个好迹象。