Question

<amp-carousel 
    layout="fixed-height" 
    height="426" 
    type="carousel" 
    heights="(min-width:957px) 426px, 376px">

       <amp-img src="https://dummyimage.com/400x210/ccc/aaa" height="210" 
           width="400"
           sizes="(min-width: 957px) 400px, 210px">
       </amp-img>

</amp-carousel>

下面的代码按预期工作，即轮播高度随屏幕尺寸而变化，但会弹出错误消息

The attribute 'heights' in tag 'amp-carousel' is disallowed by specified layout 'FIXED_HEIGHT'.

在没有固定高度的布局的情况下，水平滚动无法正常工作。

我尝试减少用this page编写的重复代码来展示故事。

Answer 1

您不能将“ heights”属性与layout =“ fixed-height”一起使用，请在此处https://www.ampproject.org/docs/reference/common_attributes#heights

因此，基本上，如果您希望具有响应高度，请使用layout =“ response”并设置heights属性。否则，如果要使用layout =“ fixed-height”，则必须使用不同的“ media”属性来复制代码（如您共享的链接所示）。的工作原理是，如果满足媒体条件，则只有特定标签会发挥作用，否则将不显示任何标签。

具有固定布局的amp-carousel heights属性？

1 个答案: