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