建站 自适应设计器分辨率设置一、功能介绍什么是自适应分辨率设置?自适应分辨率设置让你在编辑器中精确控制每个视图的画布分辨率,确保你在编辑时看到的效果与用户实际浏览的效果一致。 编辑器的分辨率决定了你在画布上看到的页面效果。如果分辨率设置不对,可能出现:模块错位、留白异常、布局与用户实际看到的不一致。设对分辨率,是做好自适应页面的靠前步。 二、功能说明【版本】观达云·建站任意版本 自适应均支持三、设置教程1. 一键适配视口 在编辑器中,顶部点击自定适配,画布将自动适配到当前可视窗口的宽度。 ![]() 说明:一键适配仅桌面视图可用。适合在浏览器窗口缩放后,快速将画布对齐到当前窗口尺寸。 2. 开启平板视图默认提供桌面和手机两个视图。如需平板视图,在功能设置中开启。开启后,编辑器将新增平板视图入口,桌面、手机、平板三端的分辨率区间可分别自定义。 ![]() ![]() 3. 逐视图自定义分辨率在编辑器中选择目标视图(桌面/手机/平板),在分辨率设置中输入目标数值,画布自动切换到对应分辨率。 ![]() 说明:每个视图可单独设置分辨率,支持手动输入数值,精确到像素。 四、相关说明
五、常见问题Q:一键适配和自定义分辨率有什么区别? A:一键适配是自动读取当前窗口宽度,仅桌面视图可用,适合快速对齐;自定义分辨率是手动输入数值,每个视图都能单独设置,适合精确控制。 Q:平板视图必须开吗? A:不是。默认只有桌面和手机两个视图,平板视图按需在功能设置中开启。 Q:三个视图的分辨率设置会互相影响吗? A:不会。每个视图的分辨率设置独立保存,互不影响。 Q:开启平板视图后,分辨率区间可以自定义吗? A:可以。开启平板视图后,桌面、手机、平板三个视图的分辨率区间可分别自定义设置。 Prev轻应用小程序入门教程视频版
Next自适应建站 通栏背景效果设置
|