调整视口大小

在创建自适应版式时,如果可以查看文档在不同尺寸的屏幕中的显示效果,将会很有帮助。Google Web Designer 允许调整视口大小,以确保您针对相应屏幕尺寸和方向指定的样式适用于场景中的文档。

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

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

选择特定视口大小

请使用下述方法之一:

  • 选择自适应面板中列出的某一尺寸。
  • 点击添加自定义尺寸,然后输入所需尺寸。

使视口大小在尺寸范围内

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

预览文档在多种视口尺寸中的显示效果

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

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

需要更多帮助?

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