小さな画像であるアニメーションの粒子が背景にある非常にシンプルなランディング ページがあります。典型的なブラウザでは正常に動作するようですが、モバイル iOS プラットフォーム (iphone/ipad など) では、パーティクルがページの境界に浮かぶため、ビューのサイズが常に変更されるように見えます... .. 私はこれに途方に暮れています...
ここにサイトがあります: www.test.joshmu.com
明らかに、私が話している画面の「ジッター」を確認するには、iOS デバイスでこれを表示する必要があります。どんな助けでも大歓迎です！
-更新: 通常のブラウザーで正常に動作する本文に使用した JS コード
//set up the page
var W = window.innerWidth;
var H = window.innerHeight;
var bodyStyle = document.body.style;
bodyStyle.backgroundColor = 'rgba(2,34,63,1)';
bodyStyle.width = W;
bodyStyle.height = H;
bodyStyle.position = 'relative';
bodyStyle.top = '0px';
bodyStyle.left = '0px';
bodyStyle.margin = '0px';
bodyStyle.padding = '0px';
bodyStyle.overflow = "hidden";
また、window.onresize イベントを console.log に記録すると、ios プラットフォームから表示すると常に発火していることがわかります。