CSS中Calc和Min函数嵌套使用时需要注意哪些问题？

calc和min函数无法嵌套及其他问题

您的css代码中出现了一个错误：

font-size: calc(
    min(min(calc(100vw / 1920px), calc(100vh / 1080px)), 078125) * 100px
);

这是由于以下原因：

不可嵌套的min函数

min函数一次只能接受两个参数。您代码中嵌套了min函数：

min(min(..., ...), ...)

这将导致错误。

像素和数字不可比较

您代码中的“078125”既不是长度单位也不是数字。它不能与“px”进行比较。

计算invalid

calc乘除仅允许一方带有长度单位。“078125”没有长度单位，因此无法与“px”进行乘除运算。

可能的修复

您可以修改代码，使其正确：

font-size: calc(
    min(min(calc(100vw / 1920px), calc(100vh / 1080px)), 78125px) * 100
);

此代码将比较两个长度（像素）并将其最小值与另一个长度（78125px）进行比较。然后将结果乘以100，得到最终的字体大小。

以上就是CSS中Calc和Min函数嵌套使用时需要注意哪些问题？的详细内容，更多请关注其它相关文章！