Amp html 固定高度的AMP转盘不工作

Amp html 固定高度的AMP转盘不工作,amp-html,Amp Html,在参加了AMP团队昨天的精彩路演之后,我开始放大网页。如果我使用layout=“responsive”,旋转木马将完美工作。但是,如果使用layout=“fixed height”,则不会显示图像,只会显示导航按钮。以下内容来自页面的来源: <amp-carousel width="450" height="300" layout="fixed-height" type="slides" class="i-amphtml-element i-amphtml-carousel-has-con

在参加了AMP团队昨天的精彩路演之后,我开始放大网页。如果我使用layout=“responsive”,旋转木马将完美工作。但是,如果使用layout=“fixed height”,则不会显示图像,只会显示导航按钮。以下内容来自页面的来源:

<amp-carousel width="450" height="300" layout="fixed-height" type="slides" class="i-amphtml-element i-amphtml-carousel-has-controls i-amphtml-slidescroll">
  <!-- Use `type="slides"` to display a list of images as slides. -->
  <div class="i-amphtml-slides-container" aria-live="polite">
    <div class="i-amphtml-slide-item">
      <amp-img alt="ART" height="300" width="450" src="/Content/images/foo_01.png" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined amp-carousel-slide">
        <i-amphtml-sizer style="display: block; padding-top: 66.6667%;"></i-amphtml-sizer>
      </amp-img>
    </div>
    <div class="i-amphtml-slide-item">
      <amp-img alt="ART" height="300" width="450" src="/Content/images/foo_02.png" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined amp-carousel-slide">
        <i-amphtml-sizer style="display: block; padding-top: 66.6667%;"></i-amphtml-sizer>
      </amp-img>
    </div>
    <div class="i-amphtml-slide-item">
      <amp-img alt="ART" height="300" width="450" src="/Content/images/foo_03.png" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined amp-carousel-slide">
        <i-amphtml-sizer style="display: block; padding-top: 66.6667%;"></i-amphtml-sizer>
      </amp-img>
    </div>
    <div class="i-amphtml-slide-item">
      <amp-img alt="ART" height="300" width="450" src="/Content/images/foo_04.png" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined amp-carousel-slide">
        <i-amphtml-sizer style="display: block; padding-top: 66.6667%;"></i-amphtml-sizer>
      </amp-img>
    </div>
    <div class="i-amphtml-slide-item">
      <amp-img alt="ART" height="300" width="450" src="/Content/images/foo_05.png" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined amp-carousel-slide">
        <i-amphtml-sizer style="display: block; padding-top: 66.6667%;"></i-amphtml-sizer>
      </amp-img>
    </div>
    <div class="i-amphtml-slide-item">
      <amp-img alt="ART" height="300" width="450" src="/Content/images/foo_06.png" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined amp-carousel-slide">
        <i-amphtml-sizer style="display: block; padding-top: 66.6667%;"></i-amphtml-sizer>
      </amp-img>
    </div>
  </div>
  <div tabindex="0" class="amp-carousel-button amp-carousel-button-prev amp-disabled" role="button" aria-disabled="true"></div>
  <div tabindex="0" class="amp-carousel-button amp-carousel-button-next" role="button" aria-disabled="false"></div>
</amp-carousel>


任何提示都将不胜感激。

固定高度布局类型不接受定义的宽度。删除放大器转盘标记的宽度或将值更改为“自动”


您可以了解有关不同布局属性的更多信息。

非常感谢。你已经解决了这个问题。