2017-11-13 5 views
0

私は、画面が短く、スクロールしない非常に特定のデバイスで上下を切り取っているようなデザインのサイトがあります。私は任意のオーバーラップレスポンシブなレイアウトが短い画面で縦方向にスクロールしない

せずにブラウザの中央に画像を維持するために行うことができます上の任意のアイデアは、ここで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> 

答えて

0

#containerのオフposition:fixedを取るとのオフposition:absoluteを取ります.holder。これはそれを動作させるはずです。

位置:固定は、要素がスクロールしないことを意味します。

関連する問題