2010-01-24 4 views
10

웹 사이트의 모바일 버전을 만들 예정입니다 ...내 웹 사이트의 모바일 버전은 어떤 디자인 너비가 최적입니까?

디자인을 위해 선택할 수있는 너비는 무엇입니까? 모든 장치에 자체 화면 너비가 있으며 모든 장치를 장착하기가 정말 어렵다는 것을 알고 있습니다 ...

저는 (모바일 웹 사이트 세계에 아주 새롭다) 정말 도움이됩니다.

감사합니다.

+1

'100 %'만 선택하십시오. – kennytm

답변

5

귀하의 접근 방식은 귀하가이 분야에 투입하고자하는 노력 (또는 할 수있는)과 대상으로 삼고 싶은 모바일 사용자의 범위에 따라 달라질 수 있습니다. 최소한의 노력을 기울이기 위해서는 KennyTM가 지적한대로 100 %를 사용하고 웹 사이트가 128px에서 480px까지의 화면 너비로 탐색 될 것으로 기대하십시오. 이 접근법을 사용하면 대부분의 모바일 브라우저에서 이러한 기능의 일부를 처리 할 수 ​​없으므로 css 및 divs (및 javascript)와 같은 '고급'xhtml 지시문을 사용하지 않아야합니다. 레이아웃을 관리하기 위해 테이블을 사용하도록 계획하십시오.

더 진보 된 접근 방식을 사용하려면 모바일 브라우저 및 기능 (화면 너비, div, css, 이미지 등 지원 ...)의 데이터베이스 인 WURFL (http://wurfl.sourceforge.net/)이라는 오픈 소스 프로젝트를 사용할 수 있습니다. WNG라고하는 jsp 태그 라이브러리가 있으며이 라이브러리는 사용자가 한 번 쓰면 태그 lib가 사용자의 기기에 가장 적합한 html을 렌더링합니다. 나는 이것을위한 PHP 라이브러리가 있다고 믿는다.

Rgds, Kevin.

2

이런 종류의 질문에 대해서는 MobiForge developers' guide을 읽어 보시기 바랍니다. 모바일 개발로 필연적으로 발생하는 절충안을 선택하는 방법을 비롯하여 많은 유용한 조언이 여기에 있습니다.

+0

최신 핸드폰의 고해상도 및 고화질 화면 (iPhone의 경우 320x480 또는 480x320, 최신 Android 휴대 전화의 경우 800x480/480x800)을 처리하지 않으므로 MobiForge 가이드를 다운로드하려면 등록해야하며 이미 구형입니다. – MaxVT

+0

물론 오래된 것입니다. 이러한 것들은 작성된 시간이 지났습니다. 그러나 조언의 기본은 건전합니다. – skaffman

관련 문제