Safari flex垂直对齐问题

Question

我正在尝试使用弹性框垂直对齐另一个div中的div。此代码适用于Chrome，IE Edge，Opera和Firefox：

.editing-viewport {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -webkit-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-sizing: border-box;
}

但在Safari上，编辑视口div内的div看起来并不完全以Y轴为中心。看起来div上方有一些额外的像素。