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

Question

我希望页面上的所有amp-img实例都使用layout=“响应式”。有没有一种方法可以做到这一点，而不是对每一个都设置它？

以下内容不起作用：

amp-img{
    layout: responsive;
}

Answer 1

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

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