Fullpage.js和fp-auto-height-response错误

Question

我看到一些类似的帖子，但都没有答案，而且很多帖子的发布日期都为2016年。为什么fp-auto-height-responsive及其CSS height: auto!important;隐藏了每个section中的内容？ / p>

示例HTML：

<div class="section fp-table fp-auto-height-responsive" id="sectionTwo">
    <div class="slide" id="slide1">
        <section class="home-screen">
           ...
        </section>
    </div>
</div>

inspector中的CSS：

.fp-responsive .fp-auto-height-responsive .fp-slide, 
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto!important;
}

height: auto!important;是否应该仅获取元素的内容高度并正常显示？我可以覆盖.fp-auto-height-responsive吗？

应具有以下功能（重复此操作，对我不起作用-不知道为什么）：https://codepen.io/alvarotrigo/pen/MzByMa

Answer 1

我能想到的唯一会导致这种情况的原因是，如果您使用绝对或固定位置的元素。

否则，就像您在发布的代码笔中看到的那样。它应该可以正常工作。