iPhone横屏下用户体验不佳

[JoveCat]

WebGAL 4.5.18 web版导出
iPhone 17 pro max iOS 26.3

在iPhone原生浏览器下，横屏后整个游戏画面没有居中，是靠最左边，游戏上部被浏览器的地址栏遮挡，画面纵向也没铺满屏幕，下面有1/4的黑边，用户体验不佳

[MakinoharaShoko]

由于 Safari 的兼容性问题，我们无法运用在安卓平台上适用的强制缩放逻辑，对于这个问题，将持续优化并找出可行方案。

[ahzvenol]

你看看这个示例工作正常吗

[JoveCat]

你看看这个示例工作正常吗
这个正常多了，请问要怎么修改？

[MakinoharaShoko]

你看看这个示例工作正常吗

也许应该在 iOS 上使用你的处理方式

[ahzvenol]

这个正常多了，请问要怎么修改？

--- a/packages/webgal/index.html
+++ b/packages/webgal/index.html
@@ -231,9 +231,6 @@
           metaTag.content = 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no';
           // 将该标签添加到 head 中
           document.head.appendChild(metaTag);
-          resize();
-          window.onload = resize;
-          window.onresize = resize;
           // 监听键盘 F11 键按下事件，全屏时触发页面调整
           document.onkeydown = (e) => {
             if (e && e.key === 'F11') {
@@ -253,6 +250,9 @@
           styleTag.textContent = '* { font-synthesis: none !important; }';
           document.head.appendChild(styleTag);
         }
+        resize();
+        window.onload = resize;
+        window.onresize = resize;
       })();
     </script>
     <!-- 注册 Service Worker -->

主要问题是 #428，你可以先这样改着

[MakinoharaShoko]

我们做了一些调整，你可以在 fix-safari-problem.webgal-dev.pages.dev 预览。
关联 PR: #905

[JoveCat]

我们做了一些调整，你可以在 fix-safari-problem.webgal-dev.pages.dev 预览。 关联 PR: #905

效果完美~~~

[MakinoharaShoko]

已修复，将在下个版本发布