Weex: страница отображается правильно в Интернете, но неверно на устройстве iOS

<template>
  <div class = "login">
    <div class = "images">1
    </div>
    <div class = "centerPart">2
    </div>
    <div class = "agree">3</div>
  </div>
</template>

<style scoped>
.login {
  display: flex;
  flex-direction: column;
  background-color: red;
}
.login :first-child{
  height: 250px;
}
.login :last-child{
  height: 200px;
}
.images {
  flex: 0 0 auto;
  background-color: aqua;
}
.centerPart{
  flex: 1 0 auto;
  background-color: yellow;
}
.agree {
  flex: 0 0 auto;
  background-color: coral;
}
</style>

<script>

</script>