是否可以将amp-img的尺寸移动到内联css？

Question

考虑以下情况：

我有一个AMPed页面，我想在其中显示amp-img。 在以下情况下一切正常：

<amp-img src="foo" width="100px" height=100px" layout="responsive"/>

问题是，当我想保存这个样式以供进一步使用时，例如：

<style amp-custom>
  amp-img.default-styling {
    width: 100px;
    height: 100px;
    layout: responsive;
  }
</style>
...
<amp-img class="default-styling" src="foo"/>

我是否真的必须自定义AMPed页面上的每张图片，或者我的代码可能有问题？感谢您的所有建议。

Answer 1

您必须在每个amp-img实例中定义宽度和高度。这是放大器javascript根据显示设备的屏幕调整图像时使用的数据。根据您的页面设置方式，您可以使用php动态插入图像，这样您就不必自定义每个图像。