IE11 中的 css 计算错误

Posted 2023-03-06

【中文标题】IE11 中的 css 计算错误

【英文标题】：css calc bug in IE11

【发布时间】：2014-05-27 01:34:55

【问题描述】：

IE11 似乎不计算calc(50% - 1rem)，但所有其他浏览器都计算。

我该如何解决？

【参考方案1】：

根据 this answer 的说法，flexbox 以及 IE11 如何处理它显然存在一个错误。也就是说，您不能在 IE11 中使用 calc() 和 flex 速记，因为您正在尝试这样做。

我在这台机器上没有 IE11，所以我无法为你测试任何解决方案，我也没有真正的弹性盒经验，但尝试写出你想要使用的属性（例如增长、收缩、基础）长篇。

编辑：经过进一步研究，潜在的原因是 IE11 试图 do something stupid 喜欢组合值以允许小数。你试过calc((50%) - (1rem))之类的吗？

【讨论】：

这个答案是正确的。不要在 calc() 中使用简写的 flex 声明。 flex-basis 应该明确使用。 github.com/philipwalton/…