1

我正在使用基于 960 网格的 Photoshop 文件的流体/响应式布局。对于其中一个元素，当布局为 960 像素宽时，我想要一个 9 像素的左边距。

我已经看到通过计算 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 将编译，但输出 cssmargin-left: 0.009375;不包含百分号，因此不会被浏览器（AFAIK）呈现。

4

1 回答 1

1

只需乘以 100%

$ echo "*{width: (9/960)*100%;}" | .npm/less/1.3.0/package/bin/lessc -
* {
  width: 0.9375%;
}
于 2012-04-08T22:05:22.107 回答