amp-layout
Description
A generic, multi-purpose container element that brings AMP's powerful layouts to any element.
Supported Layouts
Usage
The amp-layout component allows you to apply aspect-ratio based responsive
layouts to any element. The amp-layout component works similarly to the
layout
attribute on existing AMP components, but supports any HTML markup as children.
Other supported layouts all work with amp-layout (e.g., fixed-height, fixed,
etc.).
The example below uses amp-layout to create a responsive container around a circle
drawn with inline 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>
Attributes
Common attributes
The amp-layout component includes common attributes extended to AMP components.
Validation
See amp-layout rules in the AMP validator specification.
Вы читали этот документ десятки раз, но так и не нашли ответов на все свои вопросы? Возможно, другие люди столкнулись с такой же проблемой — обратитесь к ним на Stack Overflow.
Перейти на Stack Overflow Нашли ошибку или недостающую функцию?Проект AMP активно поощряет ваше участие и сотрудничество! Мы надеемся, что вы станете постоянным участником нашего открытого сообщества, но разовые вклады в работу над задачами, которые вам особенно интересны, также приветствуются.
Перейти на GitHub