CSS Calc（）使用两个像素数量来获得百分比

Question

我想在CSS中进行基本计算以获得响应式布局。

是否可以从基本方程获得％输出，例如我可以将下面示例中的宽度设置为72％吗？

    width: calc(540px / 750px);

这将使我的工作中的审计跟踪更容易遵循，因为许多百分比将是奇数，例如13.33333333％等。

由于

Answer 1

您需要传递%单位，而不是所需的整数值

div{
  background:red;
  height:24px;
  width: calc(100% * (540 / 750));               /* 72% */
}

<div></div>