모바일 버전의 사이트를 복제하고 싶습니다. 사이트에는 단순히 머리글, 바닥 글 및 드롭 다운 슬라이더가 있습니다.어떻게 안드로이드, 아이폰, ipad에서 작동합니다 내 웹 사이트의 모바일 버전을 만들 수 있습니까?
우리는 모바일 용으로 정확한 것을 만들 수 있습니까 (제 경우에는 jQuery에서 만든 슬라이더와 드롭 다운에 대해 이야기하고 있습니다).
정상적인 사이트와 마찬가지로 모바일에서 동일한 느낌을주고 싶습니다. ipad에 대한 사람들이 보여준 (보여 주듯이) 비디오 예제에서 보듯이, 메뉴 및 페이지 슬라이드를 오른쪽 클릭하고 뭔가 새로운 페이지로 표시하는 아이폰. 나는 이것을 원하지 않는다.
모바일 에디션에서 기존 테마와 색 구성표를 선택하고 싶습니다.
어떻게 할 수 있습니까? 이것에 대한
우리가 어떤 반응 형 웹 디자인 :
로 불리는 한 당신이 여기에서 살펴 가질 수 있습니다
http://www.netmagazine.com/tutorials/build-responsive-site-week-designing-responsively-part-1
당신은 미디어 쿼리 http://www.w3.org/TR/css3-mediaqueries/
과를 사용할 필요를 미디어 쿼리 u는 기타 장치에 대한 스타일을 설정하고 상호 html을 저장할 수 있습니다 ...
을이 항목은 여기에 훨씬 더 복잡 간단하게 몇 줄의 코드를 추가하는 것보다,하지만 것은 내가 제공 할 수있는 작업은 다음과 같습니다
당신이 원하는 경우 별도의 모바일 나는에 대해 제안 바탕 화면 () 당신은 어떤 장치 스니핑을해야 할 것입니다. 가장 쉬운 방법은 320px 미만이거나 어떤 크기로 결정하면 화면 크기를 확인하고 리디렉션하는 것입니다.
이렇게하면 페이지가 화면 크기 감지 스크립트를 구문 분석하고 페이지가 너무 작아 지는지 확인한 다음 리디렉션 할 때까지 기다려야하므로 페이지로드가 약간 느려집니다. 모바일 장치에는 시간이 오래 걸리며로드 시간이 느리기 때문에 팬을 만들지 않습니다.
반응 형 디자인이 가장 좋습니다. 나는 한 걸음 물러나서 사이트가 두 개의 다른 사이트로 나뉘는 이유와 끊임없이 둘 다 유지할 수있는 능력을 갖게되는 이유를 고려해야한다고 생각합니다.
대신 반응 디자인, 당신은 특정 모바일 장치에 맞게 콘텐츠를하기 위해 DDR을 사용할 수 있습니다 http://wurfl.sourceforge.net
내가 도움을 separate.thanks로 두 사이트를합니다. – user1460904
대신 동일한 웹 사이트를 두 번 쓰면 한 번 코드를 작성하고 모든 장치에서 실행되도록 할 수 있습니다. 시간도 절약합니다. – Shreedhar