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%;
}
ヒントは大歓迎です。
LESS CSS Webサイト によると、方程式の順序を変更する必要があります
出力はほぼ期待どおりです。LESSは色と単位の違いを理解しています。次のように、ユニットが操作で使用される場合:
@var: 1px + 5;
LESSはそのユニットを最終出力に使用します—
6px
この場合。
そのはず:
width: 100%*(140/620);
たぶん percentage
関数は、OPが要求したときに存在しなかったかもしれませんが、将来の参考のためにこの回答を追加します。
div.child-container {
width: percentage(140/620);
}