Fullpage.js: Секции имеют более высокую высоту, чем содержание

В настоящее время я работаю на одной странице сайта, используя Bootstrap и fullpagejs:Fullpage.js: Секции имеют более высокую высоту, чем содержание

Я следовал требуемую структуру HTML, но каждый раздел моего сайта получили огромная высота. Поэтому разделы не соответствуют их содержимому.

Я заметил, что если я добавлю класс fp-auto-height, все будет в порядке. Содержимое соответствует разделам. Но это неправильный способ сделать это.

Я понятия не имею, что произойдет.

Вот мой первый раздел, например

<div id="fullpage"> 
    <!-- section 1 begin --> 
    <div data-anchor="p1-a" class="section"> 
     <div class="container-fluid"> 
      <div id="p1" class="row vertical-align"> 
       <div class="col-md-offset-5 col-md-6"> 
        <div class="row"> 
         <div class="col-xs-12"> 
         <h1 id="title-p1" class="reduce-space text-center">ANTHONY<span style="color: #E28509;">ROANI</span></h1> 
        </div> 
       </div> <!-- end row title intro --> 
       <div class="row"> 
        <div class="col-md-6"> 
         <p class="intro-text"> 
          ... 
         </p> 
        </div><!-- end left intro --> 
        <div class="col-md-6"> 
         <p class="intro-text"> 
          ... 
         </p> 
        </div> <!-- end right intro --> 
        <div class="container-fluid"> 
         <i class="intro-text"> ...</i> 
         <p class="intro-text">- Luc Fayard </p> 
        </div><!-- end citation intro --> 
       </div> <!-- end row content text intro --> 
      </div> <!-- end colonnes + offset page 1 --> 
     </div><!-- end bigrow page 1 --> 
    </div> 
</div> <!-- SECTION 1 END --> 

[... other sections] 
</div> <!-- end fullpage -->

источник

2015-10-15 AnthonyR

Убедитесь, что вы не забыв добавить обязательную <!DOCTYPE html> декларацию в самом начале документа, как описано в this tutorial.

Например:

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     Demo 
    </body> 
</html>

Doctype необходимо в любом веб-сайте.

источник

2015-10-16 09:19:38 Alvaro

Спасибо, что решил мою проблему! :) – AnthonyR

Fullpage.js: Секции имеют более высокую высоту, чем содержание

ответ

Смежные вопросы