iPad 2 웹 사이트 크기 조정

Question

먼저 시작하기 전에 경험이 많은 웹 개발자가 아닙니다.

나는이 웹 사이트를 쓰고 : http://leydencarcentre.co.uk

그것은 데스크톱 브라우저에서 합리적으로 보이지만, 내가 아이 패드 (2)가 제대로 표시 할 받고 고민하고있다.

세로 방향의 iPad에서는 "홈"페이지를 열 때 약간 확대되지만 축소하여 화면의 전체 페이지 너비를 얻을 수는 없습니다. "MOT"페이지가 완전히 축소되어 전체 너비가 맞습니다.

iPad의 풍경에서 둘 다 올바르게 표시됩니다.

내 사이트는 기본적으로 960 픽셀 고정 너비이지만 미디어 쿼리를 사용하여 응답 속도가 약간 빨라졌습니다. (유동적 인 레이아웃은 아니지만 다양한 크기 (바탕 화면, 태블릿, 전화)에 대해 약간 다른 div 너비가 있습니다. 각 레이아웃 유형별로 주요 배경색을 다르게하여 각 미디어 유형에 대한 CSS가 시작될 때를 볼 수 있습니다 (바탕 화면은 흰색, 태블릿 골동품 흰색 및 모바일 오렌지).

아무도 도와 드릴 수 있습니까? 나는 "iPad 웹 사이트 너비"와 같은 것들을 봤는데 나는 갈 수있는 최선의 방법을 이해할 수 없다.

특별한 iPad 문제에 대한 도움이나 내 CSS 및 레이아웃에 대한 조언이 훌륭하게 접수되었습니다!

나는 마을의 이야기이지만 완전히 반응이 빠른 유체 레이아웃을 알고 있지만이 사이트를 매우 빨리 완성시킬 수있는 방법을 모색 중입니다. 은 완전히 유동적 인 레이아웃이 필요합니까?

감사합니다,

폴

Answer 1

: 사용자가 확대/축소 페이지의 다른 부분에 수

모바일 웹 모범 사례의 측면에서

, 나는 또한 뭔가처럼 ... 일부 확장 옵션을 추가 할 것 끝으로 많은 뷰포트 설정을 시도했는데 iPad에서는 OK가 표시되었지만 Android에서는 Chrome에서는 표시되지 않았고 그 반대도 마찬가지였습니다.

그래서 본체 div에 최소 높이를 추가했습니다.

감사

Answer 2

쉬운 수정 :

<meta name="viewport" content="width=1000"> 

이 정확히 페이지에 맞게 아이 패드 뷰포트의 크기를 조절합니다 (크롬 몸이 넓은 1000px 인 나에게 말했다). 나는에 cale_b 갔다

<meta name="viewport" content="width=1000, minimum-scale=.5, initial-scale=1, maximum-scale=2.5">