摘要

战场上每个兵种格子显示一个数量（这堆有多少只）。网页界面会把整块 800×558 的棋盘按窗口缩放，原来 8 像素的数量字跟着缩小；在 1164×655 的桌面视口下，整个数量徽章只有 7.87 像素高，几乎看不清。这是在实验 0407 的完整浏览器对局中发现的。

本实验只改展示：保留原棋盘和六角格的点击几何，另画一层数量。修复后桌面和窄屏的徽章都是 16.10 像素高，不裁切、不重叠，也不挡住点击。

方法

  • 棋盘缩放函数保持同样的棋盘大小和精确六角几何；在每个被裁成六角形的按钮外，画一层对读屏隐藏（aria-hidden）、不接收鼠标事件的数量层。
  • 用反向缩放让 11 像素字号不随棋盘缩小；原数量文本仍留在可访问的按钮里，只复制已有的数量 / 尸体文字。
  • 移动时隐藏起点的数量，把数量画在移动中的单位上；窗口尺寸变化重建时不留下过期的数字。
  • 窄屏布阵另有一个已有问题：英雄标题的最小宽度把网格撑大，红方部队被挤出视口。改为紧凑布阵布局：两列标题、棋盘在工具上方、可横向滚动的部队栏、整宽确认按钮。部署坐标、规则、动作、存档和默认值都不变。

结果

浏览器：内置浏览器，自然对局种子 211 / 红方 / 草地，按第一个候选完成选秀并使用默认布阵，v23 状态；没有注入状态或直接发 HTTP 动作。请求的窄屏 480×800 在本机实际为 436×727，测量都按实际视口。

检查 结果
桌面布阵 实际 1164×654，七个徽章 16.10 像素高；三位数 100、165 完整可见
窄屏布阵 实际 436×727，七个徽章都在视口内，16.10 像素高，不裁切；确认按钮和工具可见
点击测试 在每个窄屏徽章中心，命中的仍是原来的兵种按钮；数量层不接收鼠标事件
部队栏 普通点击把最后一个兵种滚入视野并选中
重启后真实移动 R5 飞行到 (9,1)：起点数量隐藏，移动中显示一个 48，16.10 像素高
窄屏战斗 第 2 回合第 22 个事件：12 个徽章全在视口内，两两不重叠，最小 16.10 像素
页面 / 控制台 标题正确、无错误遮罩、全程无错误或警告

自动化：36 项聚焦测试通过（0.89 秒），直接执行真实的缩放与移动函数，覆盖四种画框尺寸、重复缩放、隐藏起点、移动中改变窗口大小等；集成边界 / 设计测试 89 项通过（19.91 秒）；Arena 全量 2784 通过（1302.43 秒）。这些测试是渲染检查的补充，不能替代渲染检查。

局限

  • 不保证所有四位数数量或自定义军队在很小的屏幕上都放得下。
  • 不证明与商业游戏外观一致；其他小号 HUD 文字没有重新设计。
  • 这是展示改动，不改 Simulator 规则或公开格式。