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

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《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函数嵌套使用时为什么报错？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！