amp-layout

用法

amp-layout 组件允许您将基于纵横比的响应式布局应用于任何元素。 amp-layout 组件的工作方式类似于现有 AMP 组件上的 layout 属性，但支持任何 HTML 标记作为子元素。其他支持的布局都与 amp-layout 一起使用（例如，fixed-height、fixed 等）。

下面的示例使用 amp-layout 在使用内联 SVG 绘制的圆形周围创建一个响应式容器。

<amp-layout layout="responsive" width="1" height="1">
  <svg viewBox="0 0 100 100">
    <circle cx="50%" cy="50%" r="40%" stroke="black" stroke-width="3" />
    Sorry, your browser does not support inline SVG.
  </svg>
</amp-layout>

属性

通用属性

amp-layout 组件包括扩展到 AMP 组件的通用属性。

验证

请参阅 AMP 验证器规范中的 amp-layout 规则。