calc() 无法在 Internet Explorer/Microsoft Edge 中使用转换

Question

我正在尝试将 div 缩放为 1/2.9。我可以将它输入为小数，但它不会像分数那样准确。

此代码适用于 IE 和 Chrome:

.container {
  position:    absolute;
  width:       200px;
  height:      290px;
  transform:   scale(0.3448275862068966);
  background:  #F00;
}

<div class="container"></div>

但是，对于 calc()，它仅适用于 Chrome:

.container {
  position:    absolute;
  width:       200px;
  height:      290px;
  transform:   scale(calc(1/2.9));
  background:  #F00;
}

<div class="container"></div>

IE 只是忽略了我的 calc(1/2.9)。它不会缩放容器。

有什么办法可以使 IE 正确呈现 calc()？

Answer 1

没有。由于您在这里甚至没有使用动态值执行算术运算，所以请帮自己一个忙，将比率硬编码为小数点后三位。小数点后三位就是您所需要的全部精度，即使考虑到高分辨率设备显示器也是如此。

calc() not working with transform in Internet Explorer/Microsoft Edge