2017-11-13 10 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

이의 떨어져 position:absolute#container의 떨어져 position:fixed을 가지고 받아 .holder. 이것은 그것을 작동하게해야합니다.

위치 : 고정은 요소가 스크롤하지 않음을 의미합니다.