为不同的视口方向使用备用页面

借助 Google Web Designer,您可以制作适合多种视口方向的广告或 HTML 页面。通过使用备用页面,您可以根据用户的视口是纵向还是横向,在两种版式之间切换。

适用情况:

  • 广告不含全屏视频,并且在特定尺寸的屏幕上可能会以纵向或横向显示
  • 广告或 HTML 页面的纵向和横向版式存在差异,并且无法通过更改 CSS 样式实现该差异

如需设置备用页面,请按以下步骤操作:

  1. 制作 2 个独立页面,其中每个页面分别包含广告的一个不同版本,这两个版本分别对应于纵向模式和横向模式。
  2. 在每个页面的属性面板中,将备用页面属性设为另一个页面的 ID。

已发布的文档会自动显示与当前视口方向匹配的页面。

 


 

如需可以根据不同视口宽度和高度进行调整的更灵活版式,请制作自适应版式

如果您制作了一个非自适应广告,该广告针对每种视口方向分别使用单独的页面,但后来您又将该广告更改为使用自适应版式,则必须清空备用页面属性,并为横向模式和纵向模式分别添加相应的媒体规则,您的广告才能正常展示。

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

需要更多帮助?

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