减 。将百分比转换为像素

时间:2016-11-03 16:10:00

标签: css less

我正在寻找将百分比转换为没有js的像素的方法,并且只使用更少的/ css代码。 我的意思是:

 @val: convertToPx(100%); // here I expect to get 100% converted  to px e.g. 350px

&-blocks {
   width: calc(@val / 5);
}

欢迎您介绍使用less / css解决此问题的不同方法!谢谢!

1 个答案:

答案 0 :(得分:0)

我觉得你可能有点困惑。要将百分比“转换”为某个值,您需要使用原始值乘以百分比。 “convertToPx(100%)”不是你可以做的事情,但是,例如,“convertToPx(200px,50%)”是可以完成的事情。问题是,你想找到100%的是什么?

LESS有运营商,所以你可以做@val = (@percentage / 100) * @baseval

之类的事情