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

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

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

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

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

错误的原因有两个:

078125是什么?
像素和数值不可比较。在此处,”078125″是一个数值,而其他参与min函数的参数都是像素值。min函数嵌套无效
min函数内不能再嵌套min函数。

为了解决这些错误,可以将代码修改为:

立即学习“前端免费学习笔记(深入)”;

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

其中:

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1631349.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
如何使用 Vue 将两张图片合并并适配所有页面大小?
上一篇 2025年12月24日 14:04:16
如何使用 CSS 实现 Vue 列表自动滚动效果?
下一篇 2025年12月24日 14:04:31

相关推荐

发表回复

登录后才能评论
关注微信