다른 모바일 플랫폼에서 동일한 방식으로 내용을 표시하는 방법은 무엇입니까?

Question

내 모바일 애플리케이션에 동적으로 생성 된 HTML 페이지를 표시하려고합니다. 이 HTML 파일은 고정 구조로되어 있습니다. 양식, 이미지 및 버튼을 포함하십시오. 그러나, 그것이 다른 모바일 플랫폼에 관해서라면, ios와 android. 또한 sumsung 또는 다른 회사에서 안드로이드와 같은 다른 휴대 전화. 표시 결과가 다릅니다. 그들 중 일부는 매우 나쁘다. 이 시스템을 사용하는 회사가 많기 때문에 안드로이드 시스템에서는이 문제가 더 심각합니다.

지금은 사용자가 응용 프로그램을 사용할 때 응용 프로그램이 휴대 전화 모델 사용자가 사용하는 요청을 보낼 수있는 방법을 사용하고 있습니다. 그리고 서버 쪽에서는 해당 전화에 맞는 올바른 HTML 템플리트를 선택합니다. 즉, 모든 휴대 전화에 HTML 템플릿을 작성해야합니다. 요즘 증가하는 전화 모델을 생각해보십시오, 나는 현명한 생각이라고 생각하지 않습니다.

누군가가 내가이 문제를 푸는 해결책을 찾도록 도울 수 있으면 좋겠다. 사용자의 휴대 전화 모델을 기반으로 HTML 템플릿을 동적으로 생성하는 솔루션이거나 HTML을 만드는 보편적 인 방법은 모든 모바일 디스플레이에 적합합니다.

감사합니다.

Answer 1

디자인을 조정하여 상대적인 크기로 일정을 조정하십시오. Android는 서로 다른 장치의 응용 프로그램 크기를 조정하는 기술을 가지고 있으므로 동일한 작업을 수행하고 다양한 장치에 대한 일반 사이트 서식 파일을 만들어야합니다.

예를 들어, 비율로 작업하고 5 인치 이상의 화면 크기를 갖는 장치에 대해 다른 템플릿을 제공하십시오.

Answer 2

나는 확실히 전화 틈을보고 (http://phonegap.com/) 또한

를주는 것이 좋습니다, 당신은 확실히 (데스크탑 및 노트북을 포함한) 모든 해상도에서 호환되도록하기 위해 CSS에서 비율을 사용한다

내 사이트가 너와 잘 어울린다고 말할 수있는 날이왔다!

모바일 이미지 (모든 이미지가 작아짐)와 풀 사이즈 이미지가있는 데스크톱의 2 가지 유형 만 제공하는 것도 고려하십시오.

Answer 3

문제를 올바르게 이해하고 있다면 Twitter 부트 스트랩을 사용하여 HTML 페이지를 디자인하는 것이 좋습니다. 이것은 매우 사용하기 쉽고 이것으로 화면 당 크기를 조절하는 웹 페이지를 디자인 할 수 있습니다. 트위터 부트 스트랩에 정의 된 반응 형 CSS는 모든 화면 크기를 처리하고 html 코드의 모양과 느낌을 방해하거나 왜곡시키지 않으면 서 화면 크기에 따라 HTML 페이지를 즉시 렌더링합니다.

당신은 소스를 얻을 여기 http://twitter.github.com/bootstrap/

이 트위터 부트 스트랩을 사용하여 만든 데모 페이지입니다에서 대한 모든 것을 배울 수 있습니다. 당신은 시도하고 브라우저 창을 열고 다음 페이지의 내용이 방식을 볼 수 창 크기를 조정할 수 있습니다 스스로

http://brocknunn.com/bootstrap-untame/

를 다시 배열 또한 다음은 트위터 부트 스트랩

와 속도까지 얻을 수 있도록 몇 가지 tuts 있습니다

http://untame.net/2012/07/twitter-bootstrap-part-1-what-is-bootstrap-anyway/

http://untame.net/2012/07/twitter-bootstrap-part-2-design-a-responsive-homepage/

난 그냥 사용자 정의 HTML 페이지를했다 내 안드로이드 애플 리케이션 중 하나이를 사용했다.그것은 많은 노력과 시간을 절약 해주었습니다. 나는 html 페이지에서 일들이 어떻게 배열되어야 하는지를 배우기 위해 단지 몇 시간을 투자해야했고 나는 모두 설정되었다. 이것이 수동 작업을 크게 줄이고 많은 시간을 절약하는 데 도움이되기를 바랍니다.

희망이 있습니다.