2016-12-06 3 views
1

私のページにはamp-carouselという要素がありますが、レンダリング前の高さはわかりません。 layout="responsive"を使用した場合、幅/高さ比が正しくないため、高さは明らかに間違っています - 私は両方とも100pxを使用します。AMPカルーセルの動的高さ

他にも何かオプションがありますか?私はlayout="flex-item"を試しましたが、それはカルーセルを完全に破壊します。このGitHub postでディマVoytenkoで述べたように

答えて

1

layout=responsiveは、基本的に "応答幅" を意味します。使用可能な幅をすべて取り、アスペクト比に基づいて自動的に高さを計算します。

layout=responsiveは、slidesのカルーセルでのみサポートされています。 (参考:amp-carousel):

<amp-carousel width="100" height="100" controls layout="responsive" type="slides"> 

をあなたはより多くの例については、このlinkをチェックすることもできます

ことで、あなたは、この例の使用を検討することを選ぶことがあります。

最後に、あなたはまた、より多くの情報については、次を訪問したいと思うことがあります。

+0

しかし、私は比率を知らない、スライドは動的な高さを持っています。私はあまりにも最大または最小の高さを知らない。私の質問をもう一度読んでください。 –

0

それはのために画像の幅と高さを知ることは必須ではありませんレスポンスレイアウトの画像あなたが一致させるべきものは、画像のアスペクト比です(あなたがこのデータを事前に持っているかどうかわかりません)。 「アスペクト比の設定」を参照してください。https://www.ampproject.org/es/docs/reference/components/amp-img

アスペクト比がない場合は、サーバー側のコードを使用して、この比率または画像の次元を判断する必要があります。

ダイナミックまたは自動AMPでは、画像の幅や高さが設定されません。この種のHTMLでは、ページをすばやく読み込むために再ペイントや高価な処理が行われないためです。

希望に役立ちます。