Ich habe Mühe, ein AMP-Karussell mit Bildern unterschiedlicher Größe zu erstellen. Ich möchte die Bilder im Karussell auf eine feste Höhe und eine automatische Breite skalieren.

Die in den Dokumenten enthaltenen Beispiele haben alle die gleiche Breite / Höhe.

Ich habe versucht, die Breite für die amp-img-Elemente wegzulassen und layout = "fixed-height" zu verwenden, aber das hat überhaupt nicht funktioniert. Die Dokumente sind sehr verwirrend.

<amp-carousel width=500 height=300>
    <amp-img src="http://placehold.it/200x600" width=200 height=600></amp-img>
    <amp-img src="http://placehold.it/700x550" width=700 height=550></amp-img>
    <amp-img src="http://placehold.it/340x410" width=340 height=410></amp-img>
</amp-carousel>

Ich habe eine Js-Geige erstellt, um dir zu zeigen, was ich habe und was ich will

https: //jsfiddle.net/ag38afa7

Bearbeiten

Die Stile stimmen nicht mit den Dokumenten überein, oder bekomme ich sie nicht?
uf der Amp-Karussell-Seite steht:Layout not supported for: responsive aber auf der Demoseite haben die amp-img Elementelayout="responsive"
https: //ampbyexample.com/components/amp-carousel