为啥calc这么重要的css3函数不支持

Posted 2023-04-18

现代浏览器都支持css3的calc函数
老浏览器不支持，因为老版本发布的时候还没有这个函数，所以不支持
有些只支持带私有前缀的，最终浏览器已经支持标准的了 参考技术A 什么不支持，calc() 支持的啊

Velocity.js 和 calc() CSS 函数

【中文标题】Velocity.js 和 calc() CSS 函数

【英文标题】：Velocity.js and calc() CSS function

【发布时间】：2016-06-23 03:11:40

【问题描述】：

我正在尝试使用速度和 calc() 函数为元素的宽度设置动画。

$("#menuContainer").velocity(width: "calc(100% + -260px)", 500);

这会将元素的宽度设置为 0。

.velocity不支持css函数calc()吗？还是我忽略了一个基本的语法错误？

【问题讨论】：

为什么要加负号而不是减号？

您在 calc 中缺少 ) 吗？

更改为"calc(100% + -260px)"

@AdamBuchananSmith - 在此处输入问题时出错 - 修改后的代码中仍然存在错误。

【参考方案1】：

你为什么不使用

$("#menuContainer").velocity(width: '-=260px', 500);  

对于 50% 宽度，您可以使用：

var menu=$("#menuContainer");      
menu.velocity(width:menu.width()/2, 500);

【讨论】：

很好，如果我需要 50% 怎么办？