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.


Описание Элемент универсального общего контейнера, который позволяет использовать эффективные макеты AMP в любом элементе.
Поддерживаемые макеты container, fill, fixed, fixed-height, flex-item, intrinsic, responsive


Компонент amp-layout позволяет применять адаптивные макеты на основе соотношения сторон к любому элементу. Этот компонент похож по принципу действия на атрибут layout в имеющихся компонентах AMP, но в качестве дочерних элементов поддерживает любую разметку 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" />
      Ваш браузер не поддерживает встроенного кода SVG.


Этот элемент содержит распространенные атрибуты, расширенные до компонентов AMP.


О правилах для amp-layout читайте в спецификации валидатора AMP.

Need more help?

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