我有一个基础值16px，我需要将其除以1.067的比率6倍才能达到所需的结果值10.84px，我目前正在通过以下方式进行操作：
body {
font-size: calc(16px / 1.067 / 1.067 / 1.067 / 1.067 / 1.067 / 1.067);
}
是否有一种更有效的方式来编写此计算，因此我不必重复多次计算比率？我在想这样的事情：
calc(16px / (1.067 * 6))
但这给了我一个错误的2.49px结果值。
任何帮助将不胜感激。
您可以使用CSS变量来准备不同的分隔符：
:root {
--x1:1.067;
--x2:calc(var(--x1)*var(--x1));
--x3:calc(var(--x2)*var(--x1));
--x4:calc(var(--x3)*var(--x1));
--x5:calc(var(--x4)*var(--x1));
--x6:calc(var(--x5)*var(--x1));
}
body {
font-size: calc(16px / var(--x6));
}some text here
如果您不想全部使用，可以进行优化：
:root {
--x1:1.067;
--x2:calc(var(--x1)*var(--x1));
--x3:calc(var(--x2)*var(--x1));
--x6:calc(var(--x3)*var(--x3));
}
body {
font-size: calc(16px / var(--x6));
}some text here