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