calc（）无法在Internet Explorer / Microsoft Edge中使用转换

Question

我正在尝试将div缩放等于1 / 2.9的数量。我可以输入十进制数，但它不会像分数一样准确。

此代码适用于IE和Chrome：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

我能做些什么来让IE正确呈现calc()？

Answer 1

没有。由于你甚至没有在这里使用动态值进行算术运算，所以请自己帮忙并将比率硬编码为三位小数。即使将高分辨率设备显示考虑在内，三位小数也是您需要的所有精度。