amp-img 错误：布局不支持：容器答案

【问题标题】：amp-img error: Layout not supported for: containeramp-img 错误：布局不支持：容器
【发布时间】：2016-08-03 06:54:27
【问题描述】：

尝试验证我的 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

【解决方案1】：

根据 google AMP 文档，支持的布局：

填充、固定、固定高度、弹性项目、无显示、响应

也看这个例子，我认为你不需要在布局类型周围加上引号：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>

【讨论】：

这正是问题所在。显示的错误是完全错误的。设置高度和宽度解决了它。

【解决方案2】：

如果没有设置宽度和高度属性，则 Amp 默认为 layout="container"。 所以即使你没有设置布局，你也会得到这个错误。

在我回复时，不支持 layout="container" 的 amp-img 也是这种情况 - 因此是您的错误。

Layout Documentation

通过添加宽度和高度或指定适当的布局来解决您的问题。

【讨论】：

【解决方案3】：

container 不受 <amp-img> 中的 layout 属性支持。 AMP Docs 提供了您可以使用的受支持布局列表。

【讨论】：

【解决方案4】：

如果我们不提及 amp 图像的宽度和高度，则会出现此错误。如果没有为 amp 图像指定 width 和 height 属性（必须提前为 amp 图像指定一个显式大小，如宽度/高度，以便无需获取图像就可以知道纵横比），推断的布局是容器，即同一 AMP Docs 的布局不受支持，因此会发生错误。

【讨论】：