Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

amp-layout

Description

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.

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

Örnek

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.
    </svg>
  </amp-layout>

Özellikler

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

Doğrulama

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

Daha fazla yardıma mı ihtiyacınız var?

Bu belgeyi defalarca okudunuz ama tüm sorularınıza tatmin edici bir yanıt bulamadınız mı? Belki başka kişiler de bu şekilde hissetmiştir: Stack Overflow'dan onlara ulaşın.

Stack Overflow'a git
Bir hata veya eksik bir özellik mi buldunuz?

AMP projesi, katılımınızı ve katkılarınızı güçlü bir şekilde teşvik ediyor! Açık kaynak topluluğumuzun devamlı bir katılımcısı olacağınızı umuyoruz ancak özel olarak ilgilendiğiniz konularla ilgili tek seferlik katkıları da memnuniyetle karşılıyoruz.

GitHub'a git