Amp html 谷歌Amp响应图像不’；当包裹在锚定标记中时不显示

我正在创建一个谷歌放大器页面，需要包括一个响应图像。我希望图像是可点击的，这样当它被点击时，它会使用锚标记导航到另一个url。在我用锚定标签包装amp图像之前，一切都很正常，此时图像将不再显示在页面上。如果我使用其他一些布局选项，例如固定或弹性项，即使使用锚定标记，图像也会按预期显示

amp验证测试通过

以下是我提交的html：

 <a href="www.example.com">
    <amp-img layout="responsive" src="/src/photo.JPG" width="2056" height="396"/></amp-img>
 </a>

这是在页面上呈现的结果html

  <a href="www.example.com">
    <amp-img layout="responsive" class="-amp-element -amp-layout-responsive -amp-layout-size-defined" src="/src/photo.JPG" width="2056" height="396">
      <i-amp-sizer style="display:block; padding-top: 19.26%"></i-amp-sizer>
    </amp-img>
  </a>

---

通常在

i-amp-sizer

标签之后添加另一个img标签，即页面上显示的标签。但是，正如您所看到的，当我添加锚定标记时，img标记消失了。我似乎不知道为什么会发生这种情况，也不知道如何修复它。

在我的amp自定义css中，我为锚定标记设置了

显示：内联块。一旦我删除了内联块样式标记，它就工作了。
在我的例子中，head标记下缺少以下内容

<script async src="https://cdn.ampproject.org/v0.js"></script>



这对我有用。
通过添加
display:gridCSS。
在我的例子中，我通过这个得到了解决方案。
所以
amp img
本身没有锚定标记，显示正确吗？@thumbtack小偷是的，正确。即使我用其他标记将其包围，它也会正确显示。只有当我添加锚定标记时才会出现这种情况。有趣的是：我遇到了类似的问题，但是
a
标记似乎没有改变任何东西。你的
脑袋里有没有
？对于像我这样在这个问题上跌跌撞撞的人来说。父锚点可能没有宽度，因为它是一个内联元素。因此，“响应型”amp img子元件的高度/宽度为零。这是因为父锚点实际上正在塌陷。潜在的修复：*设置显示：块或固定宽度的父锚*使用布局=“固定”，而不是对您的AMP IMG标签的响应。请描述更多或考虑删除。这是主要的AMP JS。如果没有这些，一切都将无法进行，不仅仅是图像无法显示。浏览器插件也会立即对此发出警报。