H5 远程控制页面在手机端需手动缩放 — 固定宽度布局问题

[StevenPago]

问题描述

H5 远程控制页面（https://zcode.z.ai/remote/v3）在手机端浏览器打开时，页面被渲染为固定宽度（1216px），导致用户需要手动缩放才能正常浏览。

环境信息

• 手机浏览器（iOS Safari / Android Chrome）
• 页面 URL：https://zcode.z.ai/remote/v3

问题根因

经检测，页面的 CSS 存在固定宽度布局问题：

元素	width	max-width
`body`	`1216px`	`none`
`#root`	`1216px`	`none`

虽然 HTML 中设置了 ``，但 CSS 的固定像素宽度覆盖了 viewport 的自适应行为。

复现步骤

1. 用手机浏览器打开 H5 远程控制页面
2. 观察页面整体被缩小，需要双指缩放才能看清内容
3. 刷新页面后问题依旧

期望行为

页面应自适应手机屏幕宽度，无需用户手动缩放。

标签

status: 待评估
type: Bug
severity: 影响体验
priority: P2
cat: UI

[github-actions]

👋 感谢你的反馈，我们已经收到。

• 维护者会在 3 个工作日内 给出首次响应。
• 状态保持为 status: 待评估，你可以随时补充信息。
• 信息不全时我们会打上 needs: 更多信息 标签并 @ 你。

---

👋 Thanks — we've received your issue.

• A maintainer will respond within 3 business days.
• Status stays at status: 待评估 (Triage); feel free to add context.
• If we need more details, we'll add needs: 更多信息 and ping you.