모바일 웹 개발 방법

1.viewport를 이용한 모바일 해상도 조절 -viewport 구조를 잘 알아두면 상황에 맞게 잘 활용할 수 있습니다. -요즘은 안드로이드, iOS 모두 viewport를 지원하지만 렌더링 클라이언트 중에는 지원하지 않는 경우가 있을 수 있는데 이 경우 별도의 메타 태그를 통해 보완해 주면 됩니다. <meta name=”HandheldFriendly” content=”true”> <meta name=”MobileOptimized” content=”720”> 1.1.viewport 태그의 기본 구조 <meta name=”viewport” content=”user-scalable=no, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0”/> 위의 태그는 확대/축소를 하지 못하도록 만들어 놓은 태그로 모바일 페이지에 적용 된 예시 입니다. 1.1.1.width=device-width -컨텐츠를 디바이...

원문링크 : 모바일 웹 개발 방법