與LESS和jQuery相等的寬度和高度

Question

我有一個LESS樣式規則，它應該適用於具有相同寬度和高度值的元素。
該值應該是元素父元素寬度的3％。
這是我由JavaScript評價和一點點的jQuery迄今所做的：

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

所以我的問題是：
有更少的，所以任何原生的方式，我可以做到這一點沒有JavaScript evals？提前致謝。

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