多设备预览：从 iPhone 到广场平板的菜单设计

上个月我们走访伊斯坦布尔巴格达大道上一家 32 桌的小酒馆时，老板的烦恼很具体："菜单在 iPhone 上看起来很棒，但平板顾客找不到类别。"激活 thMenu Pro+ 多设备预览后，服务员工作量下降 16%。

手机与平板之间的视觉差距

在 iPhone 15 的 390px 宽度上完美运行的类别网格，在 7 寸 iPad Mini 的 744px 屏幕上产生令人不适的空白。顾客无尽滚动并呼叫服务员。

thMenu 预览面板向 Pro+ 用户即时展示同一菜单在三种真实设备模拟中的渲染：iPhone 14、iPad Mini 和广场平板 10"。

横屏模式：广场平板的隐藏武器

平板广场菜单默认为竖屏，但 10 寸平板通常水平安装。"Tablet Landscape" 切换以 1024×768 渲染。

在巴格达大道案例中，平均点单时间从 8 分钟降至 6 分 12 秒。

30 秒激活预览

打开管理面板，导航至 菜单 → 预览。顶部的设备切换器在手机、平板和广场模式之间切换。

• 手机模式：水平滚动类别芯片。
• 平板 7"：双栏产品网格。
• 广场 10" 横屏：三栏加固定类别面板。

常见问题

哪个套餐包含多设备预览？ Pro 和 Platinum。Starter 仅显示移动预览。

预览是否像素一致？ CSS 渲染引擎相同。只有触摸事件无法模拟。

广场平板需要单独菜单吗？ 不需要。同一响应式菜单会适配。一个 QR 覆盖所有设备。

觉得有用?分享给朋友。