Wie Folien vertikal auf mobilen Geräten angezeigt werden

Question

Ich habe das folgende HTML. Bitte beachten Sie, dass der zweite Abschnitt eine Ansichtsdias hat, die horizontal auf Desktops angezeigt wird.

<section class="section" data-anchor="firstPage"> 
    <h1>Section 1 - intro</h1> 
</section> 

<section class="section periods" data-anchor="secondPage"> 
    <div class="slide" data-label="secondPage"> 
     <h1>Section 2 - Intro</h1> 
    </div> 
    <div class="slide" data-label="1770"><h1>1770</h1></div> 
    <div class="slide" data-label="1870"><h1>1870</h1></div> 
    <div class="slide" data-label="1970"><h1>1970</h1></div> 
</section> 

Auf einem mobilen Devide (kleiner als 767px in der Breite), würde ich Dias wie vertikal zeigen, ohne zu scrollen. Wie kann ich das machen? Kann ich dies tun, indem ich fullPage-Parameter konfiguriere?

Vielen Dank für Ihre Hilfe!

Answer 1

Es scheint, dass ich eine fullPage-Erweiterung kaufen muss, damit es funktioniert.