html - IOS safari flex布局bug?

IOS safari下使用flex布局的时候，如果使用display:flex,例如

 html,
    body {
        height: 100%;
        padding: 0;
        margin: 0;
    }
    
    .wrapper {
        display: flex;
        height: 100%;
        flex-direction: column;
    }
    
    .header {
        height: 50px;
        line-height: 50px;
        border-bottom: solid 1px #ccc;
        flex: 0;
    }
    
    .body {
        flex: 1;
    }

    

        

            头部
        
        

            身体
        
    

    

如果改变了header高度，safari会出现滚动条，就像没有重新进行弹性计算一样。

但使用-webkit-box这种老式的标准并没有出现问题，在桌面各个现代浏览器均没有这种情况发生。

这是个bug吗？还是说我遗漏了什么?

测试环境：ios10