AMPHTML 广告不支持任何自适应功能。视频广告、GIF 动画和图片广告可以使用多尺寸版式。
创建自适应版式时,如果可以在创建过程中查看文档在不同视口尺寸下的显示效果,将会很有帮助。
使用鼠标手动调整视口大小
使用此方法时,您可以看到基于百分比的元素发生的变化,但无法看到样式规则。
- 在自适应面板中选择 修改基本文档图标。视口周围随即会显示一个边框。
- 视口边框上会显示多个浅灰色手柄,请视需要拖动其中一个手柄。
- 按下 Shift 键的同时拖动手柄,可保持原始宽高比。
- 如果您没有看到手柄,在顶部菜单中依次选择视图 > 自适应 > 视口大小调整手柄,即可使手柄显示出来。
选择特定视口尺寸
请使用下述方法之一:
- 选择自适应面板中列出的某个尺寸。
- 如果所需尺寸未列出,请点击列表底部的添加自定义尺寸,然后输入所需尺寸。
使视口大小在尺寸范围内
- 选择自适应面板中列出的某个范围媒体规则。如果视口大小不在所选尺寸范围内,系统会自动调整视口的大小,使其宽度和高度等于该范围内的最大宽度和高度。
- 视口边框上会显示多个浅灰色手柄,请视需要拖动其中一个手柄。您只能在选定范围内调整视口大小,该范围在标尺上以彩色条表示。
- 按下 Shift 键的同时拖动手柄,可保持原始宽高比。
- 如果您没有看到手柄,在顶部菜单中依次选择视图 > 自适应 > 视口大小调整手柄,即可使手柄显示出来。
预览在多种视口尺寸中的效果
在处理文档时,只需点击自适应面板中的自适应预览按钮 ,即可一目了然地查看文档在多种视口尺寸中的显示效果。无论任何尺寸,只要对应的预览尺寸 框处于选中状态,预览面板内就会显示文档在该视口尺寸中的显示效果。此预览模式仅适用于自适应文档。