问题标签 [css-calc]

我目前正在从事一些项目，其中我正在使用 LESS、CSS3 和其他一些“花哨”技术。我有一些代码可以为我计算高度：

我还在其他几个地方使用 -moz-calc 来计算一些东西。问题是让它跨浏览器（O、Safari、Chrome、IE8+）工作。即使我尝试通过 JS (jquery) 来做这件事也有点棘手，但不幸的是，有些情况确实很棘手。所以我正在寻找某种具有自动更新功能的防弹解决方案，就像 CSS 的 calc() 一样。

我正在努力实现一些我什至不太确定是否可能在这里实现的目标。

我正在尝试在我的网站的导航下放置一个特定的阴影 PNG 图像。但是，我也想将此功能用于我希望在网站上的任何对象，无论是图像、div 还是按钮。基本上对任何对象使用相同的阴影图像。

使用 css3calc()函数我试图做对象的高度@ 100% + 25px（png 的高度）。

我试过造型：

但是从我可以在 Firebug 中收集到的 100% + 25px 是新的 100%，因为这没有任何效果。

我也试过：

但这里也没有欢乐。

如果我使用 calc(3em + 25px); 它没有问题，但这不够灵活，无法处理任何对象。

这甚至可能吗？我还有道理吗？！

我正在使用的Less编译器（ OrangeBits和dotless 1.3.0.5）正在积极翻译

进入

这显然是不希望的。我想知道是否有办法向 Less 编译器发出信号，以便在编译期间基本上忽略该属性。我搜索了 Less 文档和两个编译器的文档，但找不到任何东西。

Less 或 Less 编译器是否支持这一点？

如果没有，是否有 CSS 扩展器可以做到？

是否可以calc()在 CSS 函数内部使用transformor translate？我似乎无法让它工作。这是一个演示，所以你们可以玩：

http://jsfiddle.net/qdJwY/1/

我有一个计算定义：

当在 640px 调整大小时，它应该应用新的计算，但它没有。

我已经使用 Google Developer Tools 进行了检查，新的 calc确实适用，但它并没有因为任何奇怪的原因覆盖旧的。

开发人员工具显示旧的已被划掉，但仍在应用！. 如果我禁用交叉的，它会起作用。

在firefox中尝试过，它可以工作。

似乎 chrome 不会覆盖-webkit-calc调用？

COMPASS 生成的代码：

编辑：普通宽度确实覆盖了第一个计算，但第二个计算覆盖了新的普通宽度但不适用！

有没有办法在 less~运算符中使用变量，比如

当我尝试过它时，它仅适用于静态值，例如

我可以在将字符串设置为属性之前获取要评估的字符串吗？

我正在尝试获得一个具有固定宽度td和可变宽度td的表格。

我正在使用 CSScalc()函数，但不知何故，我似乎无法%在表格中使用。

这就是我到目前为止所拥有的：

我怎么看，它应该工作，但它不是。

有谁知道如何解决这个问题？或者也许有其他建议我可以如何实现我的目标？

我正在尝试使用 CSS 而没有 jquery 动态更改 div 的宽度。以下代码适用于以下浏览器：http ://caniuse.com/calc

我还想支持 IE 5.5 及更高版本，我发现了以下内容：表达式。这是正确的用法吗：

我还可以支持 Opera 和 Android 浏览器吗？

有没有办法使用较少的 css calc() 例程？

如果我访问http://less2css.org/ 并输入以下输入（这只是常规的 css 规则）：

输出应该完全相同（因为它是常规 css）但是，

less 编译器产生的 css 输出是width: calc(-350%);

有什么办法可以让这个工作吗？

您好，我在 iOS 版 Safari 和标准 Android 浏览器上的 Calc() 标签都有问题。

除非支持 Calc() 标记，否则该站点具有固定的宽度和高度。

Chrome -> Calc 支持没问题
Safari Mac -> Calc 不支持 固定宽高没问题
Safari IOS -> Calc 支持不能正常显示！

示例网站：http ://www.aquatest.nl

Calc 兼容性图表：http ://caniuse.com/calc