web-dev-qa-db-ja.com

LESS CSSでパーセンテージを計算する方法は？

LESS CSS を使用して、親コンテナーに応じて子コンテナー（divなど）の幅をパーセンテージで計算したいと思います。

私はイーサン・マーコットのフォーラムを使用しています：target/context = result。

親コンテナ：620px
子コンテナ：140ピクセル

私はこの計算を使用しています：

div.child-container {
    width: (140/620)*100%;
}

ただし、出力は次のとおりです。

div.child-container {
    width: 0.2258064516129;
}

次のように、小数点を2桁移動して％を追加します。

div.child-container {
    width: 22.58064516129%;
}

ヒントは大歓迎です。

cssoperatorsless
32
HappyElephant

LESS CSS Webサイト によると、方程式の順序を変更する必要があります

出力はほぼ期待どおりです。LESSは色と単位の違いを理解しています。次のように、ユニットが操作で使用される場合：

@var: 1px + 5;

LESSはそのユニットを最終出力に使用します—6px この場合。

そのはず：

width: 100%*(140/620);
49
zzzzBov

たぶん percentage 関数は、OPが要求したときに存在しなかったかもしれませんが、将来の参考のためにこの回答を追加します。

div.child-container {
    width: percentage(140/620);
}
25
anddoutoi