1

960 グリッドに基づく Photoshop ファイルに基づいて、流動的でレスポンシブなレイアウトで作業しています。要素の 1 つで、レイアウトの幅が 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) によってレンダリングされません。

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 に答える