较少的CSS计算

前端之家收集整理的这篇文章主要介绍了较少的CSS计算前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我想做的.不确定它是否可能与 LESS CSS,但我有一种感觉,我只是找不到语法.
@height : 50px;
@wrap   : 25px;
@bgsize : ((@wrap/@height)*100)+'%';

所以@bgsize == 50%,我尝试过的所有内容都会导致脚本失败.

解决方法

AFAIK,表达式结果将始终使用与其操作数相同的单位;在最后添加百分比符号最多会产生“50px%”或完全失败.

也就是说,您可以执行以下操作(这不是很优雅,但有效):

@height-in-pixels: 50;
@wrap-in-pixels: 25;
@bgsize: @wrap-in-pixels / @height-in-pixels * 100%;
@height: @height-in-pixels + 'px';
@wrap: @wrap-in-pixels + 'px';

如果在实际属性定义中指定单位,则始终可以避免最后两行和“-in-pixels”间接.

猜你在找的CSS相关文章