一、功能介绍
什么是自适应分辨率设置?
自适应分辨率设置让你在编辑器中精确控制每个视图的画布分辨率,确保你在编辑时看到的效果与用户实际浏览的效果一致。
编辑器的分辨率决定了你在画布上看到的页面效果。如果分辨率设置不对,可能出现:模块错位、留白异常、布局与用户实际看到的不一致。设对分辨率,是做好自适应页面的第一步。
二、功能说明
【版本】自适应均支持
三、设置教程
1. 一键适配视口
在编辑器中,顶部点击自定适配,画布将自动适配到当前可视窗口的宽度。

说明:一键适配仅桌面视图可用。适合在浏览器窗口缩放后,快速将画布对齐到当前窗口尺寸。
2. 开启平板视图
默认提供桌面和手机两个视图。如需平板视图,在功能设置中开启。开启后,编辑器将新增平板视图入口,桌面、手机、平板三端的分辨率区间可分别自定义。


3. 逐视图自定义分辨率
在编辑器中选择目标视图(桌面/手机/平板),在分辨率设置中输入目标数值,画布自动切换到对应分辨率。

说明:每个视图可单独设置分辨率,支持手动输入数值,精确到像素。
四、相关说明
一键适配视口仅桌面视图可用,因为编辑器在电脑设备上使用,不存在其他设备编辑的情况
逐视图自定义每个视图独立设置,互不影响
开启平板视图后,三端的分辨率区间可分别自定义
五、常见问题
Q:一键适配和自定义分辨率有什么区别?
A:一键适配是自动读取当前窗口宽度,仅桌面视图可用,适合快速对齐;自定义分辨率是手动输入数值,每个视图都能单独设置,适合精确控制。
Q:平板视图必须开吗?
A:不是。默认只有桌面和手机两个视图,平板视图按需在功能设置中开启。
Q:三个视图的分辨率设置会互相影响吗?
A:不会。每个视图的分辨率设置独立保存,互不影响。
Q:开启平板视图后,分辨率区间可以自定义吗?
A:可以。开启平板视图后,桌面、手机、平板三个视图的分辨率区间可分别自定义设置。
