iPhone Safari의 자동 축소

Question

Mobile Safari가 휴대 전화 용 사이트를 인식하고 자동으로 축소하는 방법이 있습니까? 다른 전화기와 브라우저에서 어떻게 작동합니까?

user_agent를보고 각 모바일 브라우저마다 다른 페이지를 보내지 않도록하고 싶습니다.

Answer 1

참조 뷰포트 구성 Apple Web-App Developer Guide의 일부.

Answer 2

방금 신체 나 메인 포장지 분할 높이가 100%로 설정되어 있으면 모바일 브라우저에서 줌/렌더링이 얼마나 멀리 떨어져 있는지 엉망이 될 수 있습니다. Mobile Safari 및 Android의 Chrome 브라우저에서이를 확인했습니다. #SiteWrapper 높이를 100%에서 자동으로 설정하면 훨씬 더 나은 규모로 렌더링됩니다.

(메인 포장지의 높이 100%는 종종 끈적 끈적한 바닥 글과 함께 사용됩니다.)

Answer 3

사이트는 모바일 브라우저를 인식하고 그에 따라 출력을 생성 할 수 있습니다. 이는 일반적으로 원하는 방법입니다.

Safari는 너비와 줌에서 적합한 것을 감지하지만 그 이상으로 ...

Answer 4

조건부 CSS를 사용하여 사용자 에이전트를 기반으로 다른 페이지를 갖지 않아도됩니다. Apple은 실제로 데스크탑 브라우저와 함께 iPhone에서 Safari를 지원할 수있는 웹 페이지를 만드는 데 매우 좋은 문서를 가지고 있습니다.

나는 독서로 시작하는 것이 좋습니다 웹 응용 프로그램에 대한 iPhone Human Interface 지침. 이렇게하면 조건부 CSS를 사용하여 사용자 에이전트가 아닌 장치 특성 (예 : 화면 크기)을 기준으로 페이지를 사용자 정의하는 데 좋은 시작이 제공됩니다.