javascript - 使用 LESS 和 jQuery 等宽和高

Question

我有一个 LESS 样式规则，它应该适用于宽度和高度值相等的元素。
这个值应该是元素父元素宽度的 3%。
到目前为止，这是我通过 JavaScript 评估和一点 jQuery 所做的：

元素 {
    @var: ~`Math.round(($(parent).width()*3)/100)+"px"`;
    宽度：@var；
    高度：@var；
}

所以我的问题是：
LESS 中是否有任何本机方式，所以我可以在没有 JavaScript eval 的情况下实现这一点？提前致谢。

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