Изображение усилителя не появляется


Я не могу заставить это amp-img появиться. Он работает как изображение, и когда я нажимаю src-ссылку, он правильно загружается на отдельной странице. Изменение его на amp-img заставляет его исчезнуть. Я установил background-color: red на amp-img, и поле отображается правильно, но это пустое Красное поле.

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;
}
1 2

1 ответ:

Я пропустил тег head из <script async src="https://cdn.ampproject.org/v0.js"></script>, Как указано в документации . В том числе и то, что это исправило.