跳到正文
建站平台
可视化编辑

分别调整电脑、平板和手机样式

理解基础样式与设备覆盖,在不同画布中设置字号、对齐、间距和显示状态,并保存后逐端预览。

本文目录
  1. 开始前确认
  2. 操作步骤
  3. 保存后核验与常见问题

开始前确认

请先登录自己的账号,确认当前网站名称与所属客户,再执行以下操作。

操作步骤

  1. 在设计器选中要调整的组件,先切换“电脑”画布,设置作为基础的字号、颜色、对齐或布局。
  2. 打开右侧“样式”调整常用外观,打开“高级”调整内外边距、边框、圆角、背景等项目。
  3. 切换“平板”或“手机”后,再调整确实需要不同显示的属性;这些设备设置会作为覆盖生效。
  4. 需要某一设备隐藏组件时,检查该组件的设备显示选项,不要直接移除整块内容。
  5. 若希望某设备重新继承基础设置,使用“清除此设备的样式覆盖”,再确认其他设备没有被误改。
  6. 保存草稿,依次切换电脑、平板、手机检查,再打开预览验证文字换行、按钮可点和图片比例。

保存后核验与常见问题

  • 画布尺寸预览不能代替真实设备检查。
  • 公共页头、页尾和容器本身也可能影响内部组件的宽度与间距。

完成操作后,回读已保存内容,并检查预览效果。

前往工作台 →