CSS中calc与min函数嵌套使用时为什么报错？

calc与min函数嵌套使用时报错

在css中使用calc和min函数嵌套时可能遇到错误。例如，以下代码会报错：

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

错误的原因有两个：

1. 078125是什么？
   像素和数值不可比较。在此处，"078125"是一个数值，而其他参与min函数的参数都是像素值。
2. min函数嵌套无效
   min函数内不能再嵌套min函数。

为了解决这些错误，可以将代码修改为：

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

其中：

• 将"078125"修改为"78125px"，使其与其他参与min函数的参数单位一致。
• 去掉了min函数的嵌套。

需要注意的是，改动后的代码可能并不是题主预期的效果。

以上就是CSS中calc与min函数嵌套使用时为什么报错？的详细内容，更多请关注其它相关文章！