2

幅と高さの値が等しい要素に適用する必要がある LESS スタイル ルールがあります。
この値は、要素の親の幅の 3% にする必要があります。
これは、JavaScript 評価と小さな jQuery によってこれまでに行ったことです。

エレメント {
    @var: ~`Math.round(($(parent).width()*3)/100)+"px"`;
    幅: @var;
    高さ: @var;
}

だから私の質問は:
JavaScript evalsなしでこれを達成できるように、LESSにネイティブな方法はありますか? 前もって感謝します。

4

2 に答える 2

-2

要素が水平である限り、blockパーセンテージのみを使用できます。機能しない場合は、要素がinline.

parent-element {
    display: block;
    width: 300px;
    height: 300px;
}

parent-element element {
    display: block;
    width: 3%;  // will be 10px
    height: 3%; // will be 10px
}

また

@parentSize: 300px;

parent-element {
    display: block;
    width: @parentSize;
    height: @parentSize;
}

child-element {
    display: block;
    width: @parentSize* 0.03;
    height: @parentSize* 0.03;
}
于 2012-06-15T01:39:51.373 に答える
-2

私の意見では、javascript を使用する理由はまったくありません。css を直接使用し、すべての要素にクラスを追加して、親の 3% だけを保持するようにします。次のようにします。

.threepercent{
  height:3%;
  width:3%;
}
于 2012-06-15T01:35:24.700 に答える