AMP

amp-layout

DescripciónElemento contenedor genérico y multipropósito que aporta diseños de AMP de gran utilidad
Diseños admitidoscontainer, fill, fixed, fixed-height, flex-item, intrinsic y responsive

Descripción general

El componente amp-layout permite aplicar a cualquier elemento diseños adaptables basados en la relación de aspecto. Funciona de forma similar al atributo layout en los componentes AMP disponibles, pero admite cualquier etiqueta HTML como elemento secundario. Todos los demás diseños admitidos funcionan con amp-layout (por ejemplo, fixed-height, fixed, etc.).

Ejemplo

En este ejemplo se utiliza amp-layout para crear un contenedor adaptable alrededor de un círculo dibujado mediante SVG insertado.

<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" />
      Lo sentimos, pero tu navegador no es compatible con SVG insertado.
    </svg>
  </amp-layout>

Atributos

Este elemento incluye atributos comunes que se aplican a los componentes de AMP.

Validación

Consulta las reglas de amp-layout en la especificación de la herramienta de validación de AMP.

¿Necesitas más ayuda?

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