
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
微信扫一扫
支付宝扫一扫