css - 如何使用LESS CSS计算基于百分比的 margin ？

我正在使用基于960网格的photoshop文件进行流畅/响应式布局。对于其中一个元素，当布局的宽度为960px时，我希望有9px的左边距。

我已经看到了通过计算9/960（设置为0.009375）并设置以下内容来进行此操作的示例：

margin-left: 0.009375%

但是我正在使用LESS css / LESS.app，它可以对变量进行数学运算并动态创建它们。我已经尝试过这些方法，但是它们会引发错误：

margin-left:9/960%;
margin-left:9/960\%;
margin-left:(9/960)%;
margin-left:{9/960}%;

如何让LESS自动进行数学运算？

澄清度

如果我使用margin-left:9/960;，LESS会编译，但是输出css是margin-left: 0.009375;，它不包含百分号，因此不会被浏览器（AFAIK）呈现。

最佳答案

只需乘以100％

$ echo "*{width: (9/960)*100%;}" | .npm/less/1.3.0/package/bin/lessc -
* {
  width: 0.9375%;
}

关于css - 如何使用LESS CSS计算基于百分比的 margin ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10066871/