모바일 친화적 인 html 페이지는 어떻게 개발합니까?

Question

모바일 버전으로 변환 할 수있는 기존 웹 사이트가 있습니다. 그렇게하려면 어떻게해야합니까? 다른 버전의 응용 프로그램을 만들어야합니까? 논리를 변경하여 처음부터 모든 것을 작성해야합니까? 나는 혼란 스럽다.

제게 몇 가지 조언을주세요.

Answer 1

1) JQuery Mobile이 도움이 될 것입니다. 귀하의 페이지에서 많은 자바 스크립트/jquery를 사용하고 있는지 잘 모르겠지만 JQuery 모바일 버전을 사용하면 모바일에서 작동하는지 확인하는 데 도움이됩니다. http://jquerymobile.com/

2) 모바일에만 별도의 CSS를 할당하면 도움이됩니다. 큰 여백/패딩 및 글꼴 설정을 제거하려고 할 수 있습니다. 어쩌면 다른 이미지 세트를 가지고 있기 때문에이 CSS를 선택하면 더 작아 질 수 있습니다.

<link rel="stylesheet" href="mobile.css" type="text/css" media="handheld" /> 

당신을 도울 훌륭한 문서가 있으므로 JQuery Mobile의 사용을 적극 권장합니다. 큰 화면에서 볼 수없는 간격 및 글꼴 문제를 제거 할 수 있으므로 휴대용 CSS를 사용하는 것도 편리합니다.

Answer 2

단지 ... dzone에 건너 온 :

흥미를 보이는 http://foundation.zurb.com/index.php이 jQuerymobile

뿐만 아니라 체크 아웃 가치가있을 수도 있습니다