> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xpertai.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# 💻 设备

在构建故事时, 可以通过工具栏中提供的一组关于设备的按钮菜单实现模拟不同设备环境下的页面布局构建工作。

选中模拟设备按钮后, 故事设计器会展示为模拟设备大小的模式:

<img src="https://mintcdn.com/xpertai/CgLwIU0HLPNNsDe2/public/img/story/story-devices.png?fit=max&auto=format&n=CgLwIU0HLPNNsDe2&q=85&s=90351cda7359606e95d12dcbff8aa4cd" alt="模拟设备类型" width="3024" height="1714" data-path="public/img/story/story-devices.png" />

* 设备类型
* 自定义设备大小
* 设备显示比例 （仅在设计模式下有效）
* 设备显示方向 （仅在设计模式下有效）

模拟设备大小在桌面设备上编辑和浏览模式都起作用，故事仪表板大小会根据模拟设备大小和所在容器实际大小进行缩放。但在移动设备上浏览模式下模拟设备类型不起作用（以实际设备类型为主）。

## 移动端设备

关于移动端设备的详情参考 [移动端设备](../mobile/)