css - 较少的 。将百分比转换为像素

Question

我正在寻找无需 js 且仅使用 less/css 代码即可将百分比转换为像素的方法。 我的意思是:

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

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

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

Answer 1

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

LESS 有运算符，所以你可以做类似 @val = (@percentage/100) * @baseval 的事情。