CSS Calc（）的替代品？ LESS或SASS可以对像素计算进行百分比吗？

Question

我一直在寻找一种方法来在不使用calc（）的情况下进行百分比到像素的计算。我希望能够使用calc，但目前移动游猎（ios）在ios6之前不支持它。有没有办法在LESS中这样做？我知道你可以做计算，但据我所知，你不能做100％ - 20px之类的事情。有什么建议吗？

Answer 1

没有

当我第一次发现LESS时，我花了一些时间寻找这个，我担心这是不可能的。 LESS不包含渲染引擎，因此无法准确计算父元素的百分比。特别是因为父元素通常具有可变宽度。

如果父级具有固定宽度，您当然可以使用LESS为您计算像素：

@containerWidth: 500px;
.container {width: @containerWidth;}
.child {width: @containerWidth / 5;}

Answer 2

LESS和SASS都不能在渲染后进行计算。他们所做的计算是渲染浏览器然后解释的初始CSS文件。它们都生成100％有效的CSS。 CSS可以做的任何事情，SASS和LESS都可以输出（但通常用较少的冗长和拔毛）;但是，如果CSS无法做到这一点，那么SASS或LESS无法做到这一点。

您可以使用Javascript：

$('some-element').css('margin-left', $('.my-element').width() - 15)