Safari for iOS上的垂直弹性框中的最后一个元素在横向模式下被裁剪

Question

我的应用包含一个3行的flexbox列：

<div class="app" style="display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: space-around;">
    <div class="question-header" style="-webkit-flex: 0 0 0;">...</div>
    <div class="question-interactive" style="-webkit-flex: 1 0 0;">...</div>
    <div class="navigation" style="-webkit-flex: 0 0 0;">...</div>
</div>

此设置适用于我们所定位的所有桌面和移动浏览器（当然，当我们使用正确的前缀时），除了ios的safari的奇怪错误：在ios的safari中以横向模式进行时，导航栏在页面上运行

这不会发生在桌面浏览器上或纵向模式下。这是ios的safari的已知错误吗？有人认出我的错误吗？导航div似乎没有根据其内容正确计算其高度...... 我很乐意分享其他细节/代码，如果它有助于缩小问题范围。< / p>