计算出的CSS变量不会在媒体查询中更新

Question

我一直在使用一些使用css变量的代码，其中一个变量是从包含另一个变量的calc公式中得出其值的（例如下面的代码）

:root {
 --parent-size: 20rem;
 --child-size: calc(var(--parent-size) / 2);
}

...

@media (min-width: 768px) {
 --parent-size: 30rem;
}

var(--parent-size)发生变化时； var(--child-size)保持不变。 我假设这可能是一个错误，因为它仅影响具有计算值的变量。

我添加了一个jsfiddle以供参考here