与LESS和jQuery相等的宽度和高度

Question

我有一个LESS样式规则，该规则应适用于宽度和高度值相等的元素。
此值应为元素父级宽度的3％。
到目前为止，这是我通过JavaScript评估和一些jQuery完成的工作：

element {
    @var: ~`Math.round(($(parent).width()*3)/100)+"px"`;
    width: @var;
    height: @var;
}

所以我的问题是：
LESS中是否有任何本机方式，因此无需JavaScript评估就可以实现这一目标？ 提前致谢。

Answer 1

我认为根本没有理由使用javascript-我将直接使用css并将类添加到我希望只拥有3％父母的所有元素中，如下所示：

.threepercent{
  height:3%;
  width:3%;
}

Answer 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;
}