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.


Açıklama AMP'nin güçlü düzenlerini herhangi bir öğeye getiren genel, çok amaçlı bir kapsayıcı öğesi.
Desteklenen Düzenler container, fill, fixed, fixed-height, flex-item, intrinsic, responsive

Genel Bakış

amp-layout bileşeni, herhangi bir öğeye en boy oranına dayanan duyarlı düzenler uygulamanıza olanak tanır. amp-layout bileşeni, mevcut AMP bileşenlerinde düzen özelliğine benzer şekilde çalışır ancak HTML işaretlemelerini alt öğe olarak destekler. Desteklenen diğer düzenlerin tümü amp-layout ile çalışır (ör. fixed-height, fixed vb.).


Bu örnekte, satır içi SVG ile çizilmiş bir dairenin çevresinde duyarlı bir kapsayıcı oluşturmak için amp-layout kullanılmaktadır.

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


Bu öğe, AMP bileşenlerine genişletilmiş ortak özellikleri içerir.


AMP doğrulayıcı spesifikasyonunda amp-layout kurallarına bakın. ,false,false

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