CSSのkeyframesの中に、
@keyframes name {
0% {transform: translateY(0); }
100% {transform: translateX(200%);}
}
みたいに translateに%で指定を入れると、iPhoneで見たときに動かない場合があるんですが、これって解決法ありますか？

ちなみに、

• translate以外の指定を入れる→それは動いてる
• %じゃなくてpxで指定する→動く
• 何度もリロードする→たまに動く
• 動かない状態でSafariからホームに戻る、その後もう一度Safariに戻る→動いてる（！）
• Chromeで確認→動かない
• ドルフィンで確認→動かない
• Evernoteのブラウザ表示で確認→動かない
• Puffinで確認→動く（！）
• Android機(ブラウザ)で確認→そもそもkeyframesがしんでいた
• タブレットは未確認

お手上げですわ…………
お知恵を貸してください………