IE11中的css calc bug

Bla*_*aja 6 css internet-explorer css3 flexbox css-calc

IE11似乎没有计算calc(50% - 1rem),但所有其他浏览器都可以.

我该如何解决?

Tyl*_*erH 10

根据这个答案,显然存在flexbox的错误以及IE11如何处理它.也就是说,您不能像在尝试那样使用IE11中calc()flex速记.

我在这台机器上没有IE11,所以我不能为你测试任何解决方案,也不是我对flexboxes的经验,但尝试以长形式写出你想要使用的属性(例如成长,收缩,基础) .

编辑:经过一些进一步的研究,一个潜在的原因是IE11试图做一些愚蠢的事情,如组合值允许小数.你尝试过类似的东西calc((50%) - (1rem))吗?

  • 这个答案是对的.不要在calc()中使用速记flex声明.应明确使用flex-basis.https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc (4认同)