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

Question

我希望页面上的所有amp-img实例都使用layout =“ responding”。有没有一种方法可以在不对每个对象都进行设置的情况下进行此操作？

以下内容无效：

amp-img{
    layout: responsive;
}

Answer 1

必须在标签本身内为每个图像指定它。不确定您的应用程序是什么，但是如果您要在一页上输出一堆图像，则可以使用amp-list和髭标签来定义图像URL和尺寸（如果它们对于每个图像而言都不同） JSON文件。然后，您只需要做一次amp-img标记，并让amp-list负责循环显示图像。

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