2012-10-01 5 views
0

아이폰에 래퍼 div를 세로로 가운데 놓기 위해 고심하고 있습니다. 안드로이드에서 컨텐츠가 추가로 끊깁니다. 처음으로 휴대 전화에서 작동하도록 사이트를 수정하려고 시도했지만 재미가 없습니다.iPhone 중심에 세로로 문제가 있음

@media screen and (max-device-width: 480px){ 

#triggers { 
margin: 5% auto 0; 
position: static; 
width: 850px; 
height: 500px; 
top:50%; 
z-index: 1; 
display:none; 
}} 

답변

0

시도 작동하지 않은 80 ​​%의 높이 및

최고
+0

10 %를 사용 - 어떤이의 주위에 표준화하거나 시행 착오가? 또는 내가 몸/html CSS에서 변경해야하는 무엇인가? –

+0

일반적으로 자바 스크립트를 사용합니다. 나는 요소의 높이와 창 높이를 취한 다음 상단을 만듭니다. (창 높이 - 요소 높이)/2; 그것이 바로 이런 종류의 포지셔닝을위한 나의 표준입니다. 어쨌든 당신은 똑같은 80 %와 상위 10 %를 시도 할 수 있지만 위치를 사용하십시오 : 절대; –