CSS 检查 round() 是否可用

Question

检查 round() 函数在浏览器中是否可用的 CSS 方法是什么？

该元素的高度为零：

<div class="check_round">
</div>

:root {
--my_height_0: 100.1px;
--my_height: round(up,var(--my_height_0));
}

.check_round {
    background-color: teal;
    width: 100px;
    height: var(--my_height)
}

此版本也返回零：

:root {
    --my_height_0: 100.1px;
    --my_height_1: round(up,var(--my_height_0));
    --my_height: max(var(--my_height_0),var(--my_height_1));
}

Answer 1

您缺少

round()

所需的舍入间隔。

:root {
  --my_height_0: 100.1px;
  --my_height: round(up, var(--my_height_0), 1px);
}

.check_round {
  background-color: teal;
  width: 100px;
  height: var(--my_height)
}

<div class="check_round">
</div>