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