Css 如何在IE11中使用flex basis

我的网站在IE11中完全崩溃了。问题来自

flex:10%，由于和，我在任何地方都使用它

当我将其更改为
flex:1 auto时，该站点确实在IE上工作，但一些行为会发生变化（例如，一个flexbox中有两个
flex:1 auto；
子项，它们占用的空间不完全相同）。因此，这个解决方案打破了我在其他浏览器上的设计（同时使它在IE11上变得更好，而不是更坏）

人们是如何在IE11上使用Flexbox构建网站的

编辑：这支笔突出了我面临的问题：（在Chrome和IE11上试用）

编辑2：代码如下：

HTML:

当涉及到IE11时，您可以使用以下CSS规则明确定位它：

_:-ms-fullscreen, :root .IE11-only-class { 

  /* IE11 specific properties */

}

堆栈片段


*{
框大小：边框框；
}
#a{
背景颜色：粉红色；
高度：300px；
宽度：100px；
}
#b{
背景颜色：绿色；
高度：50px；
}
#c{
背景颜色：蓝色；
高度：100px；
}
#d{
背景颜色：黄色；
高度：150像素；
}
.flex{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
柔性包装：包装；
}
.item.flex-0{
flex：无；
}
.item.flex-1{
弹性：10%；
}
_：-ms全屏，：root.IE FlexAuto{
弹性基础：自动；
}

嘿
霍
呵呵呵呵
我对此感到非常头痛，与其进行破解，不如将flex basis设置为auto，然后如果您有容器大小，则将with设置为相同的大小，即：

@include breakpoint(m){
  flex: 0 48%;
  flex-basis: auto;
  width: 48%;
}

“IE 11要求在第三个参数中添加一个单位，即flex basis属性”-@Michael_B因为我看不到只有一个解决方案，而是基于标记外观的尝试和错误，我认为答案/问题非常适合作为dupe@LGSon，可能是。只是作为评论发布，以便OP可以查看。我同意，当然，只要我们没有OP的代码演示来显示其他内容。关闭时最好是一个可能有用的傻瓜，而不是一个缺少MCVE的傻瓜。@Zephir77167请在问题中包含您的代码，而不是链接到外部代码沙盒（如CodePen）。当CodePen关闭时，它有助于防止链接损坏，这也是站点对代码调试问题的要求。
_:-ms-fullscreen, :root .IE11-only-class { 

  /* IE11 specific properties */

}

@include breakpoint(m){
  flex: 0 48%;
  flex-basis: auto;
  width: 48%;
}