栏目导航：自适应模板
建议先从栏目目录定位同类模块，再根据是否排障需求选择对应文档。
上位页：返回自适应模板栏目目录
同类页：自适应模板介绍（自适应模板）、启用网站HTML静态化介绍（自适应模板）、启用301跳转介绍（自适应模板）、轮播多图模块介绍（自适应模板）、如何设置网站样式（自适应模板）
一、功能介绍
什么是自适应分辨率设置？
自适应分辨率设置让你在编辑器中精确控制每个视图的画布分辨率，确保你在编辑时看到的效果与用户实际浏览的效果一致。
编辑器的分辨率决定了你在画布上看到的页面效果。如果分辨率设置不对，可能出现：模块错位、留白异常、布局与用户实际看到的不一致。设对分辨率，是做好自适应页面的靠前步。
二、功能说明
【版本】自适应均支持
三、设置教程
1. 一键适配视口
在编辑器中，顶部点击自定适配，画布将自动适配到当前可视窗口的宽度。
说明：一键适配仅桌面视图可用。适合在浏览器窗口缩放后，快速将画布对齐到当前窗口尺寸。
2. 开启平板视图
默认提供桌面和手机两个视图。如需平板视图，在功能设置中开启。开启后，编辑器将新增平板视图入口，桌面、手机、平板三端的分辨率区间可分别自定义。
3. 逐视图自定义分辨率
在编辑器中选择目标视图（桌面/手机/平板），在分辨率设置中输入目标数值，画布自动切换到对应分辨率。
说明：每个视图可单独设置分辨率，支持手动输入数值，精确到像素。
四、相关说明
一键适配视口仅桌面视图可用，因为编辑器在电脑设备上使用，不存在其他设备编辑的情况
逐视图自定义每个视图独立设置，互不影响
开启平板视图后，三端的分辨率区间可分别自定义
五、常见问题
Q：一键适配和自定义分辨率有什么区别？
A：一键适配是自动读取当前窗口宽度，仅桌面视图可用，适合快速对齐；自定义分辨率是手动输入数值，每个视图都能单独设置，适合精确控制。
Q：平板视图必须开吗？
A：不是。默认只有桌面和手机两个视图，平板视图按需在功能设置中开启。
Q：三个视图的分辨率设置会互相影响吗？
A：不会。每个视图的分辨率设置独立保存，互不影响。
Q：开启平板视图后，分辨率区间可以自定义吗？
A：可以。开启平板视图后，桌面、手机、平板三个视图的分辨率区间可分别自定义设置。
分辨率设置建议
以下补充说明用于帮助你在调整自适应设计器分辨率时，更清楚地理解设计视图与真实设备的关系：
- 使用目的：分辨率切换更适合帮助你预估不同宽度下的布局表现，不等于真实设备的完整还原。
- 设计顺序：建议先保证核心内容区在常见宽度下稳定，再处理边缘细节与装饰性布局。
- 验证方式：设计器调整完成后，仍建议在真实手机、平板和电脑设备中分别预览确认效果。
- 注意事项：如果页面包含复杂定位或多列布局，分辨率切换后更要重点检查模块是否错位。
继续查看帮助文档与建站服务
如果这篇文档解决了你当前的问题，可以继续回到帮助目录查看同类教程；如果你正在准备企业官网建设、套餐选型或定制开发，也可以继续进入对应服务页了解。