次のコマンドを使用すると、iPad、iPhone iOS Safari ブラウザー用の Web 開発中の多くの問題、アニメーションのちらつき、position:fixed
パフォーマンスの問題、スクロールの問題などの問題を防ぐことができます。
-webkit-backface-visibility: hidden;
-webkit-transform : translateZ(0);
-webkit-transform : translate3d(0,0,0);
これらの CSS コマンドは、iPad Safari ブラウザーのバグを修正するためにインターネットで推奨されています。しかし、最近、それらのいずれかを使用するたびに問題が発生することがわかりました。誰かがまだそれに気づいているかどうかはわかりません。Web ページでピンチ ズームを行うと、通常は何もリロードも更新もされませんが、上記の CSS ステートメントのいずれかが実行されると、ピンチ ズームを行っているときに少しカクカクしてしまい、背景が白くなったかのように一瞬白くなります。消えてから、正方形のチャンクでロードされます。
これは非常に厄介な問題です。上記のコマンドの使用をやめたいのですが、使用しても使用しなくてもバグが発生します。仕方がないということでしょうか。