0

我有一个与amp-carousel. 根据与产品相关的内容，每个轮播幻灯片都有不同的高度。

我已将轮播设置为响应布局并设置高度，如下所示：

<amp-carousel width="367" height="635" layout="responsive" class="o-wrapper fabric-gallery" type="slides" controls loop>

我假设使用布局响应将高度设置为自动。

使用类似的东西flex-item会更合适吗？

4

1 回答 1

0

是的，您可以使用flex-item，因为它将根据 flexbox 模型占用可用空间。

请注意height=100%和width=100%是可覆盖的默认值，仅用于确保容器确实指定display: flex. 或者，该元素可以强制display: flex父元素。

它flex-item确保元素不会偶尔调整大小，同时还为其提供更灵活的定位选项。它还允许元素参与 flexbox 布局。

查看此示例以了解如何在您的页面中实现它。

于 2017-01-04T15:18:45.203 回答