安装后远程访问，界面是乱的。

[xiciliu]

安装完成后，有出现下述内容，内容显示不全。
但是两种情况的表现。本地访问和远程访问有差异。界面乱的时候在console会有不少异常信息。

鞥

[ringhyacinth]

初步判断这不是“安装坏了”，更像是移动端/远程访问时的视口适配问题：

• 当前前端在触屏设备上会走一套单独的布局：#game-container 被强制设为 width: 100vw; height: 66.666vh;。
• 同时 Phaser 在触屏设备上启用了 Phaser.Scale.RESIZE，并在 applyMobileCameraFit() 里按容器高度重新计算 camera zoom。
• 如果远程访问环境（手机浏览器、平板、远程桌面内嵌 WebView、浏览器缩放、地址栏伸缩）上报的 viewport 不稳定，就会出现：
  • 画布尺寸和实际可视区域不一致
  • 相机缩放/scroll 计算错位
  • UI 框和办公室内容看起来“没对齐”
  • console 出现一串 resize / layout 相关报错或资源尺寸异常

也就是说，更像是响应式/缩放链路的问题，不是单纯资源缺失。

建议先补几条排查信息，基本就能确认：

1. 远程访问时使用的设备 / 浏览器（iPhone Safari、Android Chrome、iPad、Windows 远程浏览器等）
2. 本地访问正常时的地址 vs 远程访问异常时的地址
3. 浏览器缩放比例是否为 100%
4. 打开 DevTools 后 Console 第一条报错 / 红字截图
5. Elements 里 #game-container 和 canvas 的实际宽高（或直接截图）

如果愿意的话，我可以继续跟进并给一个修复 PR，方向大概率会是：

• 减少对 66.666vh 这类固定视口高度的依赖
• 避免触屏设备直接走 RESIZE + 手动 camera fit 这套组合
• 改成更稳定的容器尺寸计算（尤其兼容移动端地址栏伸缩 / 远程 WebView）