1

src/components/match3d-runtime/Match3DRuntimeShell.test.tsx

@@ -20,6 +20,7 @@ import {
   MATCH3D_EXTRUDED_READABLE_SHAPES,
   MATCH3D_TRAY_MODEL_MIN_RELATIVE_SIZE,
   MATCH3D_TRAY_MODEL_TARGET_SIZE,
+  applyMatch3DRendererCanvasLayout,
   buildMatch3DPhysicsEntrySignature,
   createMatch3DCannonShape,
   createMatch3DThreeGeometry,
@@ -190,6 +191,18 @@ test('3D 模式下备选栏使用共享模型预览层，避免挤占中心棋
   expect(screen.getByTestId('match3d-tray-model-board')).toBeTruthy();
 });
 
+test('3D WebGL 画布锁定 CSS 尺寸，避免高 DPR 手机上溢出中心棋盘', () => {
+  const canvas = document.createElement('canvas');
+
+  applyMatch3DRendererCanvasLayout(canvas);
+
+  expect(canvas.style.position).toBe('absolute');
+  expect(canvas.style.inset).toBe('0');
+  expect(canvas.style.width).toBe('100%');
+  expect(canvas.style.height).toBe('100%');
+  expect(canvas.style.display).toBe('block');
+});
+
 test('3D 物理条目签名随 run 和视觉资源变化，避免旧模型复用到新局', () => {
   const run = startLocalMatch3DRun(10);
   const item = run.items[0]!;