2011-12-27 7 views
1

휴대폰에 http://toniweb.us/gm을 입력 할 수있는 경우 크기가 잘못 표시됩니다.100 % 너비/높이가 iPhone에서 작동하지 않는 이유는 무엇입니까?

CSS의 주문에 따라 : 그것은 그것의 전체를 사용한다

html, body{ 
    position:relative; 
    height:100%; 
    width:100%; 
    overflow-y:hidden; 
} 

.

그리고, 내가 추가 :

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=2.0" /> 

하지만이 영향을받는 것을 너무 확실하지 않다.

또한 웹 사이트는 1024 픽셀 이상으로 최적화되어 있습니다. 이걸 iPhone에 적용 할 수있는 방법이 있습니까? 아마도 어떻게 든 스케일링을 할 것인가?

어떤 힌트라도 도움이 될 것입니다.

html, body{ 
    position:absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    overflow-y: hidden; 
} 

내가 위의 코드는 일을 할 것입니다 추측) 그리고 나는 당신의 목표는 아이폰 오른쪽에만 회색 기사를 볼 생각 :

+1

질문 제목에서 "약간 개인적인"이란 무엇입니까? – BoltClock

+0

난 그냥 내 아이폰에 그것을 봤는데 치수가 잘못되었다고 말할 수 없습니다. 그것은 현재 나타나는 거대한 왼쪽 된 열을 기대할 것처럼 좀 보인다. – JayC

답변

1

는 시도?

+0

내 목표는 그것을 더 이상 데스크탑 컴퓨터보기와 비슷한 것으로 생각하는 것이 었습니다. 이번 주에 릴리스해야하고 다음 달에 적절한 모바일 버전을 수행 할 것입니다. –

+0

더 많은 작업을 수행하기 위해 필요한 모든 작업의 ​​크기를 조정하려는 경우 width : 100 % ..., 당신은 창 크기를보고 요소의 크기를 조정하는 js를 사용해야합니다./ 어쨌든 'mediaqueries'를 보시면 도움이 될 것입니다;) – seahorsepip

+0

이상한 몸체 (최소 너비 : 1024px)로도 만들 수 없습니다 ... –

관련 문제