AMP-Карусель с различными размерами изображения
Я изо всех сил пытаюсь создать AMP-карусель с изображениями, которые имеют различные размеры. Я хочу масштабировать изображения в карусели до фиксированной высоты и автоматической ширины.
Все примеры, представленные в документации, имеют одинаковую ширину / высоту.
Я попытался опустить ширину для элементов amp-img и использовать layout = "fixed-height", но это не сработало вообще. Документы очень запутанные.
<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>
Я создал js-скрипку, чтобы показать вам, что у меня есть и чего я хочу
https://jsfiddle.net/ag38afa7/
Редактировать:
Стили не соответствуют документам или я не понимаю их?
На странице ампер-карусели написано:Layout not supported for: responsive
но на демонстрационной странице элементы amp-img имеютlayout="responsive"
https://ampbyexample.com/components/amp-carousel/