AMP 版面配置展示

本頁面展示 AMP 中不同的版面配置，以及這些版面配置在螢幕大小調整時的運作方式。

填滿 (fill)

採用 fill 版面配置時，元素會佔用可用的空間 (包含寬度和高度)。換句話說，「填滿」元素的版面配置和大小會與其父元素相符。

採用 fixed 版面配置時，元素會根據元素的寬度和高度屬性，保留其固定尺寸 (不具備回應式特性)。

採用 fixed-height 版面配置時，元素會佔用可用的空間，但高度維持不變。這種版面配置非常適合需要水平放置內容的元素 (例如 amp-carousel)。

採用 flex-item 版面配置時，元素及其父元素中的其他元素會根據彈性盒模型佔用可用的空間。

採用 responsive 版面配置時，元素會佔用可用的空間，並根據元素寬度和高度屬性指定的長寬比自動調整高度。

採用 intrinsic 版面配置時，元素會佔用可用的空間，並根據寬度和高度屬性提供的長寬比自動調整高度，直到元素達到自然大小或達到 CSS 限制為止。

採用 container 版面配置時，元素會讓子元素定義其大小，就像一般的 HTML div 標記一樣。系統會假設元素本身沒有特定的版面配置，僅做為容器。

採用 nodisplay 版面配置時，元素不會顯示。元素不會佔用螢幕上的任何空間，就像其顯示樣式為 none 一樣。