css - 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

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