Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.


Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.


Descrizione Un elemento contenitore generico e multiuso che rende disponibili i potenti layout di AMP per qualsiasi elemento.
Layout supportati container, fill, fixed, fixed-height, flex-item, intrinsic, responsive


Il componente amp-layout permette di applicare layout adattabili basati sulle proporzioni a qualsiasi elemento. Il componente amp-layout funziona in modo simile all'attributo layout sui componenti AMP esistenti, ma supporta qualsiasi markup HTML come elemento secondario. Tutti gli altri layout supportati funzionano con amp-layout, ad esempio fixed-height, fixed ecc.


In questo esempio viene utilizzato amp-layout per creare un contenitore adattabile attorno a un cerchio disegnato con il tag svg incorporato.

<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.


Questo elemento include attributi comuni estesi ai componenti AMP.


Consulta le regole amp-layout nella specifica dello Strumento di convalida AMP.

Serve ancora aiuto?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub