【发布时间】:2016-11-20 08:45:36
【问题描述】:
我想在 CSS 中进行基本计算以获得响应式布局。
是否有可能从基本方程中获得 % 输出,例如我可以将下面示例中的宽度设置为 72% 吗?
width: calc(540px / 750px);
这将使我的工作中的审计跟踪更容易跟踪,因为许多百分比都是奇数,例如13.33333333%等
谢谢
【问题讨论】:
-
为什么不直接输入
72%?
我想在 CSS 中进行基本计算以获得响应式布局。
是否有可能从基本方程中获得 % 输出,例如我可以将下面示例中的宽度设置为 72% 吗?
width: calc(540px / 750px);
这将使我的工作中的审计跟踪更容易跟踪,因为许多百分比都是奇数,例如13.33333333%等
谢谢
【问题讨论】:
72%?
您需要传递一个% 单位,而不是所需的整数 值
div{
background:red;
height:24px;
width: calc(100% * (540 / 750)); /* 72% */
}
<div></div>
【讨论】: