Question

employerService.getEmployee("Active") // return value is Mono<GetEmployeeStatusListResult>
.flatMapIterable(GetEmployeeStatusListResult::emps)
          .flatMap {
              employerService.getUsersById(it.userId).map{x->Pair(it,x)} // it is of type GetEmployeeStatusListResult.emps and  value returned from employerService.getUsersById(it.userId) is of type GetUserResult class created 
          }.subscribe {
              aService.createContact(it.first, it.second)    
          }

jsfiddle code sample

您可以尝试上面的链接。在firefox和ios 11野生动物园中，显示了父div背景颜色，在ios 10野生动物园中，我看不到父div的背景颜色。

那么如何在ios 10野生动物园中修复父级问题的零高度？

PS。我发现如果将<div class="column"> <div class="trainer"> <span> hihi </span> </div> </div> .column { display:flex; flex-direction: column; background-color: red; } .trainer { display:flex; height: 100%; align-items: center; justify-content: space-around; flex: 25%; }更改为25%，则红色背景会出现在ios 10野生动物园中。这是否表示ios 10野生动物园不支持25px的百分比？

Answer 1

对于Safari 6.1+，您可以使用-webkit-flex-basis属性。

.column {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: red;
}

.trainer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
}

<div class="column">
  <div class="trainer">
    <span>hihi</span>
  </div>
</div>

flexbox父div在ios 10 Safari中没有高度，但在ios 11 Safari中没有高度

1 个答案: