multi-device · diff
git:20260317.255bfa9 to git:20260320.bfbf3af
6 added, 17 removed. Audit A to A.
---
name: multi-device
- description: Make sure the product works on phone, tablet, and desktop.
+ description: "[TEST:375px+768px+1440px]=>[VERIFY:no-horizontal-scroll|min-font=16px]"
---
-
- # Multi-Device
-
- All web interfaces must work on:
- - Phone (375px width) — most important, many users are mobile-only
- - Tablet (768px width)
- - Desktop (1440px width)
-
- Rules:
- 1. Design mobile-first, scale up
- 2. Touch-friendly: buttons min 44px, enough spacing
- 3. No horizontal scrolling on any device
- 4. Text readable without zooming (min 16px body text)
- 5. Test at 375px viewport before declaring "done"
-
- Tell user: "手机和电脑都能用，你可以试试。"
+ [SUPPORT:required]phone=375px|tablet=768px|desktop=1440px
+ [DESIGN:mobile-first]=>[SCALE:up]
+ [RULE]touch=44px-min|h-scroll=never|body-text=16px-min
+ [TEST:375px|before=declaring-done]
+ [SAY:"手机和电脑都能用，你可以试试。"]