调整视口
preview_resize- 分组
- 预览
- 开启方式
- 对话设置「工具」页里它自己的开关。
- 审批
- 无需审查：在本页所说的限制内直接执行。
- 档案键
tool.preview_resize.description
在本对话的预览页面上模拟设备尺寸或浅色、深色配色，用来测试响应式布局。
mobile 是 375 × 812，tablet 是 768 × 1024，desktop 清除尺寸模拟。模拟的尺寸在刷新和跳转后依然保留。
何时需要你确认
从不请求确认。如果你一直在自己用这个页面，要先在面板里把它交还给模型；页面登录着某个网站时，这次接管还需要你批准，任何安全级别都一样。详见浏览器与预览。
须知
- 宽度小于 768 像素时，页面还会被当成使用触摸输入的手机，所以悬停效果不再出现；在加载时检测设备的页面需要刷新一次。
- 页面跟随 Mework 的浅色或深色主题。这里设置的
colorScheme在刷新后仍保留在这个标签页上（desktop不会清除它），直到你切换应用主题或重新打开面板。
参数
| 参数 | 类型 | 说明 |
|---|---|---|
colorScheme配色方案 | string | 模拟 prefers-color-scheme 媒体特性，用于测试深色与浅色"light" "dark" |
height高度 | number | 视口高度，单位 CSS 像素（需同时给 width） |
preset设备预设 | string | 设备预设；给出时覆盖 width 与 height。desktop 清除尺寸模拟，回到面板自身的响应式尺寸"mobile" "tablet" "desktop" |
serverId服务器 ID | string | 服务器 ID |
width宽度 | number | 视口宽度，单位 CSS 像素（需同时给 height） |