如何使这个柔性盒在safari中工作？

Question

我有这个片段

div.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

<div class="row">
  <div class="col-xs-12 col-sm-6 h250" id="Obj1"></div>
  <div class="col-xs-12 col-sm-6 h250" id="Obj2"></div>
  <div class="col-xs-12 col-sm-12 h550" id="Obj3"></div>
  <div class="col-xs-12 col-sm-12 h550" id="Obj4"></div>
</div>

现在的问题是Obj1和Obj2必须显示在1行上。因此我添加了sm-6。但由于某种原因，Obj1和Obj2将在Safari中的2行显示。 Chrome看起来不错。我检查了iOS和MacOS上的两个Safari，两者都存在同样的问题。

我是否错过了CCS中的某些内容？

先谢谢