调整视口大小

创建自适应版式时,如果可以在创建过程中查看文档在不同视口尺寸下的显示效果,将会很有帮助。

使用鼠标手动调整视口大小

使用此方法时,您可以看到基于百分比的元素发生的变化,但无法看到样式规则。

  1. 自适应面板中选择 修改基本文档图标。视口周围随即会显示一个边框。
  2. 视口边框上会显示多个浅灰色手柄,请视需要拖动其中一个手柄。
    • 按下 Shift 键的同时拖动手柄,可保持原始宽高比。
    • 如果您没有看到手柄,在顶部菜单中依次选择视图 > 自适应 > 视口大小调整手柄,即可使手柄显示出来。

选择特定视口尺寸

请使用下述方法之一:

  • 选择自适应面板中列出的某个尺寸。
  • 如果所需尺寸未列出,请点击列表底部的添加自定义尺寸,然后输入所需尺寸。

使视口大小在尺寸范围内

  1. 选择“自适应”面板中列出的某个范围媒体规则。如果视口大小不在所选尺寸范围内,系统会自动调整视口的大小,使其宽度和高度等于该范围内的最大宽度和高度。
  2. 视口边框上会显示多个浅灰色手柄,请视需要拖动其中一个手柄。您只能在选定范围内调整视口大小,该范围在标尺上以彩色条表示。
    • 按下 Shift 键的同时拖动手柄,可保持原始宽高比。
    • 如果您没有看到手柄,在顶部菜单中依次选择视图 > 自适应 > 视口大小调整手柄,即可使手柄显示出来。

预览在多种视口尺寸中的效果

在处理文档时,只需点击自适应面板中的自适应预览按钮 ,即可一目了然地查看文档在多种视口尺寸中的显示效果。无论任何尺寸,只要对应的预览尺寸 框处于选中状态,预览面板内就会显示文档在该视口尺寸中的显示效果。此预览模式仅适用于自适应文档。

该内容对您有帮助吗?
您有什么改进建议?

需要更多帮助?

登录可获取更多支持选项,以便快速解决您的问题