如何为所有 amp-img 设置布局？

Question

我希望页面上的所有 amp-img 实例都使用布局="responsive"。有没有一种方法可以做到这一点而不在每个人身上都设置它？

以下无效：

amp-img{
    layout: responsive;
}

Answer 1

必须在每个图像的标签本身内指定。不确定您的应用程序是什么，但如果您在一个页面上输出一堆图像，您可以使用 amp-list 和 mustache 标签来定义图像 url 和尺寸（如果它们不同）通过 JSON 文件为每个图像。然后你只需要做一次 amp-img 标签，让 amp-list 负责循环输出图像。

这就是我在我管理的网站 this page 上输出所有图像的方式。