html - AMP 图片未显示

Question

我无法显示此 amp-img。它作为图像工作，当我单击 src-link 时，它会正确加载到单独的页面上。将其更改为 amp-img 会使它消失。我在 amp-img 上设置了 background-color: red 并且该框正确显示，但它是一个空的红色框。

HTML:

<li>
    <a href="/">
    <amp-img src="https://d12v9rtnomnebu.cloudfront.net/oursite/logo_white.png" alt="site logo" width="264" height="96"/>
    </a>
</li>

CSS(可能有很多无关的东西需要修剪，但在它起作用之前不知道什么是重要的):

.amp .site-menu li {
    height: 32px;
    line-height: 32px;
}

.amp .site-menu li:first-child {
    float: left;
    min-width: 50px;
    max-width: 180px;
    width: 100%;
    display: block;
}

.amp .site-menu a {
    min-width: 50px;
    max-width: 200px;
    width: 100%;
    display: block;
}

.amp .site-menu amp-img {
    height: 32px;
    min-width: 50px;
    max-width: 200px;
    width: 100%;
    float: left;
    display: block;
    background-color: red;
}

Answer 1

我遗漏了 head <script async src="https://cdn.ampproject.org/v0.js"></script> 的标签如 documentation 中所列.包括修复它。