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 規則。