2017-11-13 1 views
0

Ich habe eine Website, die ich entworfen und codiert, die oben und unten auf sehr spezifische Geräte abgeschnitten scheint, die kurze Bildschirme haben und nicht scrollen. Irgendwelche Ideen auf, dass ich das Bild im Browser ohne überlappendeResponsive Layout nicht vertikal in kurzen Bildschirmen scrollen

zentriert zu halten tun Hier ist ein Link zu jsfiddle: https://jsfiddle.net/SCATORY/mjyssu7y/

<body> 
<div id="container"> 
<div class="container"> 
<div class="nav"> 
    <div class="logo"></div> 

</div> 
</div> 
    <div class="container holder"> 
    <div class="center"> 
    <div class="height"> 
    <h1>Practice yoga. <br>In hypo-microbial style.</h1> 
    </div> 
    <div class="bag"> 
    </div> 
    <div class="height-2"> 
    <h2>Introducing ThePureBag™.<br> 
The germ-resistant way to carry your yoga gear in style.</h2> 
<div class="margin"> 
<a href="mailto:"><button class="contact">Contact Us</button></a> 
</div> 
</div> 
</div> 
    </div> 
    </div> 
    <div id="grey"> 
    </div> 


</body> 

Antwort

0

Nehmen Sie die position:fixed aus der #container und nehmen Sie die position:absolute weg von die .holder. Dies sollte es funktionieren lassen.

Position: Fest bedeutet, dass das Element nicht scrollt.

Verwandte Themen