【问题标题】:CSS Calc() using two pixel amounts to get a percentageCSS Calc() 使用两个像素量来获取百分比
【发布时间】:2016-11-20 08:45:36
【问题描述】:

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

是否有可能从基本方程中获得 % 输出,例如我可以将下面示例中的宽度设置为 72% 吗?

    width: calc(540px / 750px);

这将使我的工作中的审计跟踪更容易跟踪,因为许多百分比都是奇数,例如13.33333333%等

谢谢

【问题讨论】:

  • 为什么不直接输入72%

标签: html css calc


【解决方案1】:

您需要传递一个% 单位,而不是所需的整数

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

【讨论】:

  • 4 秒 ... 哎哟 :) ... +1
  • 太好了,谢谢...显然需要重新整理我的 css ;)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-07-14
  • 2018-11-26
  • 1970-01-01
  • 2016-08-25
  • 2016-04-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多