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>

CSS Calc() using two pixel amounts to get a percentage