2012-12-19 5 views
3

jquery mobile을 사용하여 Android 휴대 전화 용 웹 앱 (HTML 5)을 만들고 있습니다. 화면의 해상도가 다른 모든 휴대 전화에 맞도록 페이지의 너비와 길이를 결정해야합니다.HTML5 - Android 화면 크기

도와주세요. 고맙습니다.

답변

2

확인이 문서에서보세요 : http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/. 여기에서 HTML 뷰포트 메타 태그에 대한 모든 정보와 이것이 해상도 처리에 사용되는 방법을 찾을 수 있습니다.

태그 예 :

또한 CSS 미디어 구문보고 싶은
<meta name="viewport" content="width=device-width, height=device-height"> 

, 당신이 더 나은 콘텐츠를 서로 다른 해상도를 할 스위트하는 데 도움이 될 것입니다.

다음은 레이아웃 최적화에 대한 기사입니다. http://www.slideshare.net/andreasbovens/optimizing-your-layout-for-phones-and-tablets-using-viewport-and-media-queries. 훌륭한 프리젠 테이션입니다.

+0

맞습니다. 이것은 Ashwin 문제의 해결책입니다. –

+1

예 고맙습니다. :) – Ashwin

0

Twitter BootStrap을 사용하여 html5 페이지를 디자인하면 정의 된 CSS가 모든 화면 크기를 처리합니다. This