相关疑难解决方法(0)

我正在尝试使用该calc()函数,但它返回错误的值.

我正在使用这个:

height: calc(100% - 45px);  
height: -webkit-calc(100% - 45px);  
height: -moz-calc(100% - 45px);  

..但它将高度设置为55%.为什么？我在这做错了什么？

http://jsfiddle.net/L7x9j/

有人可以用Calc()css 描述使用吗？什么是~标志意义Calc()？

以下代码如何计算？

calc(~'(100% - 4 * 23.233%) / 3')

这个问题之前曾被问过几次,但我发现的答案似乎都不适合我的情况.我有3个按钮,我正在尝试评估它们的宽度,如下所示:

.num-buttons-3 {
    width: calc((100% - 40px)/3);
}

这总是在我的浏览器(Chrome)中评估为20%,即(100% - 40%)/3.

我已经尝试了许多建议的替代方法来正确评估,例如:

.num-buttons-3 {
   width: calc((~'100% - 40px')/3);
}

.num-buttons-3 {
@marg: 40px;
width: calc((~'100% - @{marg}')/3);
}

我可以尝试另一种CSS或LESS解决方案吗？

我的_main.less文件中有以下样式

#mapid {
  width: 100%;
  min-height: min(65vh, 500px);
  max-height: 500px;
}

但是 Less 编译器抱怨（使用 grunt）

>> File "public/less/_main.less" changed.
Running "less:development" (less) task
>> ./public/less/_main.less: [L86:C14] error evaluating function `min`: incompatible types
Warning: Error compiling ./public/less/_main.less Use --force to continue.

Aborted due to warnings.

但这在 CSS 中运行良好（请参阅文档）。