我有一个非常简单的登录页面,背景中有一些动画粒子,它们是小图像。在典型的浏览器中似乎可以正常工作,但是在任何移动 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 事件时,事实证明它在从 ios 平台查看时会不断触发。