amp-layout

用法

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

下面的示例使用 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 规则。