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

equal width and height with LESS and jQuery

本文关键字：高度 LESS jQuery      更新时间：2023-09-26

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

元素 {    @var： ~'Math.round（（$（parent）.width（）*3）/100）+"px"';    宽度： @var;    身高：@var;}

所以我的问题是：
LESS中是否有任何本机方法，因此我可以在没有JavaScript evals的情况下实现这一目标？提前谢谢。

在我看来

根本没有理由使用 JavaScript - 我会直接使用 CSS 并为我想要的所有元素添加一个类，我希望只有 3% 的父元素 - 像这样：

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

只要你的元素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;
}
相关文章：