なぜか特定の端末（今回はiPad）でのみflex（中央寄せ）が効かなかった時の解決策。

中央寄せが効かない要素に対して以下のCSSを指定すると、うまく中央寄せになった。

CSS

display: -webkit-box;

flexがすでに効いている要素にも上記を指定してしまうとそっちが崩れるので注意。