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

Question

我见过一些类似的 post，但 none 有答案，而且许多 post 日期为 2016 年。为什么 fp-auto-height-responsive 及其 css height: auto!important; 隐藏每个 section?

中的内容

示例HTML：

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

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

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

否则，正如您在发布的代码笔中看到的那样。它应该按预期工作。

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

Fullpage.js and fp-auto-height-responsive error

css

fullpage.js