画布尺寸与大屏适配:横屏、竖屏和预览缩放
先确定设计尺寸
新建可视化时填写宽度和高度。常见横屏可使用 1920 × 1080;竖屏可从 540 × 1080 开始。尺寸是设计示例,应按设备实际比例选择,而不是只看浏览器当前窗口大小。
先确定画布比例,再排布组件,可以减少后期整体调整。
编辑缩放不会改变分辨率
底部显示当前画布宽高与缩放比例。滑块和加减按钮用于看清编辑内容,复原大小将编辑比例设为 100%。按 Shift 滚动鼠标滚轮也可以调整缩放。
例如把编辑比例降为 50%,1920 × 1080 画布仍然保持原设计尺寸,保存后的坐标不会因此自动减半。
预览按宽度适配
当前预览会在窗口宽度小于画布宽度时缩小展示;窗口更宽时使用原大小。它不是根据每台设备自动重排布局的响应式页面。
因此,相同比例的电视更容易保持设计效果。对竖屏、超宽拼接屏或手机单独设计页面,通常比期待一个布局适合所有比例更清晰。
核对背景和内容边界
检查组件位置是否超出画布,背景比例是否合适,缩小后文字是否还能读清。预览页提供全屏入口,但最终仍需在实际设备分辨率下检查底部内容、滚动和遮挡。