機種・ブラウザによりcover,100vhが反映されない

Question

AndroidのChromeとPCのChromeでは画像がファーストビューの画面を覆って表示され、スクロールに従って背景が移動するという希望通りの動作をしたのですが、
iPhoneのChromeおよびsafariではページの全体を覆うとても拡大された状態で表示されてしまい、スクロールで画像を上から下まで移動することになってしまいます。

何やらiPhoneはバージョンによって表示がおかしくなるという記事などを見つけたのですが、これはスタイルシートでは対処できない問題なのでしょうか。

body{
　　　background:url('～') center,
　　　background-position:center center;
　　　background-repeat:no-repeat;
　　　background-attachment:fixed;
　　　background-size:cover;
　　　height:100vh;
}

何か解決方法をご存知の方がいらっしゃいましたらご教示ください。
よろしくお願いいたします。

Answer 1

fixedとcoverを同じ要素に適用させようとするとiPhoneでは無効化されるバグがあるようなので、
背景に使用したい画像をbodyのbefore部分に置くことで解決しました。