是否可以将 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 动态插入图像，因此您不必自定义每个图像。

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

Is it possible to move dimensions of amp-img to inlined css?

html

css

amp-html