javascript - 使用 LESS 和 jQuery 等宽和等高

标签 javascript jquery css less

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

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

所以我的问题是:
在 LESS 中是否有任何原生方法,这样我就可以在没有 JavaScript 评估的情况下实现这一点?提前致谢。

最佳答案

在我看来,根本没有理由使用 javascript - 我会直接使用 css 并向所有我希望只有 3% 的父元素的元素添加一个类 - 像这样:

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

关于javascript - 使用 LESS 和 jQuery 等宽和等高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10868765/

相关文章:

javascript - 在一个路由文件中定义的快速 session 在 app.js Node JS 中不可用

javascript - 如果用户未登录,Node.js 重定向到登录

jquery - 同一类的每个实例都需要不同的图像

javascript - 在javascript中获取多个选择器中的h4选择器的值

javascript - 使用 JavaScript/html;如何在打印区域之外打印 Canvas ?

html - <input type ="submit"> 对齐有问题

javascript - 如何在 stockfish.js 中使用 FEN 字符串设置位置?

javascript - 一旦子页面关闭并且它们不在同一服务器上,如何刷新父页面?

javascript - map SVG 的 View 框小于要显示的圆形标记

javascript - D3 沿右轴对齐文本