我越来越恼火这个问题(一个问题反复发生的错误信息)在ios iPhone上。努力工作建立一个网站,但只有iPhone与最近的ios版本有这个问题。Chrome会在iPhone上加载这个网站,但同样的问题。这是一些iOS效率问题。摆脱css转换和动画并没有解决我的问题。我的网站是在adobe xd上设计的,我用web export导出了它,并得到了一些javascript来缩放它以适应任何显示尺寸。我不知道页面画板的尺寸是如何像宽度太大:3554px和高度:2346px.在windows和android上从来没有遇到过任何问题。最近的iPhone测试让我很失望。尽管涉及到转换缩放,但javascript并没有引起问题。我测试了网站的初始版本,其中javascript缩放没有引起任何问题。然后我清理了所有的动画和css转换。但还是同样的问题。这是因为大的页面大小像宽度3554px ...?难道safari不能处理这个...?请帮我解决一下。我不想从iPhone访问者得到我的网站失望。我有一些文章页面使用css媒体查询,页面宽度比主页少2358px。我没有iPhone,但检查了朋友的iPhone,文章页面加载,但主页不加载。有趣的是,我有这个东西,就像当你实现自动旋转网页将去完整的桌面网站。主页和文章页都有同样的问题。但旧版本的iOS系统并没有出现这个问题。如果你有一个iPhone,请检查链接,如果你知道这背后的原因是什么。提前感谢大家…需要帮助…
主页https://elomymelo.com/index.html
文章页https://elomymelo.com/jbl%20flip%206%20meaningful%20upgrade.html
我没有mac book。因此,如果你在最新的os和safari上得到了mac,请检查一下,让我知道mac os上是否有这个问题。
CSS
#Web_1920__1 {
position: absolute;
width: 3554px;
height: 2346px;
border: 0px grey solid;
background-color: rgba(255,255,255,1);
overflow: visible;
--web-view-name: Web 1920 – 1;
--web-view-id: Web_1920__1;
--web-scale-to-fit: true;
--web-scale-to-fit-type: width;
--web-scale-on-resize: true;
--web-center-horizontally: true;
--web-enable-deep-linking: true;
}
这些变量是JavaScript的,它们不会导致标题中提到的问题。
2条答案
按热度按时间xesrikrc1#
我一直在调试我们的用户群报告的类似问题,这些用户在iOS 15.4.1 / 15.5上遇到Safari崩溃,并显示错误消息 “问题反复出现”
经过一些调查,我发现这些问题可能是由于iOS/Safari更新到WebGL 2.0 / WebGL for Metal,以及CSS
@keyframes
动画的问题。特别是关于我遇到的问题,如果有一个子元素应用了CSS
opacity
规则,而父元素应用了CSS@keyframes
动画,Safari将在几秒钟后崩溃并显示此错误。如果我从应用了
@keyframes
css动画的父元素的子元素中删除了CSSopacity
样式规则,或者如果我只是从父元素本身删除了css@keyframes
动画样式规则,这就解决了问题,不再发生崩溃。此问题不似乎影响 iPadOS 15.4.1,仅影响 iOS 15.4.1或更高版本。
在最新的iOS / Safari更新中肯定存在一些错误,我相信它们都与新的WebGL 2.0 / WebGL for Metal集成有关 (根据我读到的关于here和here的类似问题)
我也在Apple Support forums上报告了这个问题,希望他们能在未来的更新中解决这个问题。
643ylb082#
我今天刚碰到这个问题。
如果你仍然有这个问题,我发现了一个奇怪的修复通过狩猎设置。
如果你进入iPhone设置> Safari设置>高级>关闭Java脚本。
返回到任何网页;不能加载。>强制关闭safari >返回safari设置并重新打开Java脚本。>该网页应加载在私人safari设置。每次关闭网页或强制停止Safari时,我都要重复这些步骤。真的很烦人,但这是我现在能想到的。