web-dev-qa-db-ja.com

amp-imgエラー：レイアウトはサポートされていません：コンテナ

Amp-imgを検証しようとしています。この例では： http://staging.laineygossip.com/Sasha-Celeb-Finds-Sienna-Miller/Lifestyle/24695/amp#development=1

エラーが発生します：Layout not supported for: container
コンソールでは、エラーは次のとおりです：The specified layout 'CONTAINER' is not supported by tag 'amp-img'

このエラーの意味がわかりません。

これまでのところ、このエラーメッセージに関連するドキュメントは見つかりません。

amp-html
8
Ken Ma

containerは、<amp-img>のlayout属性ではサポートされていません。 AMP Docs は、使用できるサポートされているレイアウトのリストを提供します。

2
Andrew

幅と高さの属性が設定されていない場合、Ampはデフォルトでlayout = "container"になります。 したがって、レイアウトを設定していなくても、このエラーが発生する可能性があります。

私の回答の時点では、これはlayout = "container"をサポートしていないamp-imgにも当てはまります。したがって、エラーが発生します。

レイアウトドキュメント

幅と高さを追加するか、適切なレイアウトを指定して、問題を修正してください。

10
Chris McCowan

Google AMPのドキュメントによると、サポートされているレイアウトは次のとおりです。

FILL、FIXED、FIXED-HEIGHT、FLEX-ITEM、NODISPLAY、RESPONSIVE

この例も見てください。レイアウトタイプを引用符で囲む必要はないと思います。 https://ampbyexample.com/samples_templates/news_article/

したがって、次のようになります。

  <figure>
    <amp-img src="/img/landscape_village_1280x720.jpg"
      width=1280
      height=768
      layout=responsive></amp-img>
   <figcaption>Here is a responsive image.</figcaption>
 </figure>
10
Ksenia

このエラーは、アンプイメージの幅と高さについて言及していない場合に発生します。アンプ画像に幅と高さの属性が指定されていない場合（画像をフェッチせずにアスペクト比を知ることができるように、アンプ画像には幅/高さなどの明示的なサイズを事前に指定する必要があります）、推測されるレイアウトは次のようなコンテナです。同じ AMP Docs でサポートされているレイアウトではないため、エラーが発生します。

1
Deeksha Sharma