Wie ganzen Bildschirm mit ZURB Modal

Question

Ich verwende Foundation 5 modal zu füllen und möchte die modal in kleinen & Medium Bildschirm anzupassen so zu sein, dass:

• den ganzen Bildschirm
• Wenn ich füllt scrollen Sie im Modal nach unten, der Hintergrundkörper (Originalseite) scrollt nicht nach unten. Sobald ich das Ende des Modals erreiche, hört es auf zu scrollen.

ich die Marke genau

<a href="#" data-reveal-id="myModal">Click Me For A Modal</a> 

<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> 
    <h2 id="modalTitle">Awesome. I have it.</h2> 
    <p class="lead">Your couch. It is mine.</p> 
    <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p> 
    <a class="close-reveal-modal" aria-label="Close">&#215;</a> 
</div> 

Answer 1

bis Gründungs ​​bin mit können Sie mit Chrome DevTools spielen und verschiedene Stile anpassen, dies zu erreichen.

Um dies zu tun müssen Sie:!

• Änderungsbreite zu 100% und fügen wichtig es
• -100% -Veränderung Höhe und fügen wichtig es
• Settop auf 0 und hinzufügen! wichtig zu ihm

Viel Glück.