CSS
transform
translate
iOS9

画面外に配置した要素が表示されてしまうバグ (ios9系)

translate3dを使って画面外から要素がスライドインしてくるアニメーションを実装しようとしたら、
ios9.0.2で初期表示時に画面全体が縮小されてしまう。
もうios9なんて切り捨てたいところだけど、調べてみた。

ios 9.X 系だと、画面外に配置した要素が表示されてしまうバグがあるらしい。

body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

これでOK

参考URL
https://qiita.com/OnederAppli/items/6a709dfa0063405455dc
http://shinimae.hatenablog.com/entry/2016/06/06/191704