웹마케팅 자료실

1. 웹킷 기반 브라우져(아이폰,안드로이드..) viewport meta tag 2. 웹킷기반 외 브라우져일 경우 meta tag 3. 주소창 자동으로 감추는기능 스크립트 - viewport : 모바일 화면에 맞게 웹페이지 화면 맞추는 메타 태그 속성명 설명 width 뷰 포트의 픽셀 가로 길이를 지정. 가로 길이를 지정하지 않으면 데스크탑 사이즈로 지정. (모바일 사파리의 경우는 980픽셀로 지정됨.) height 뷰 포트의 픽셀 세로 길이를 지정. 일반적으로, 이 속성에 대한 지정은 하지 않아도 무관 함. initial-scale 처음 모바일 페이지가 보여질 때 페이지 배율을 지정. (0~10.0) (기본적으로 1.0으로 설정) minimum-scale 사용자가 축소할 수 있는 최소 배율을 지정. (..

* 국내 출시된 주요 모바일 기기 해상도 iPhone 320 * 480 iPhone4 960 * 640 모토로이 해상도 854 * 480 HTC 디자이어(넥서스원) 800 * 480 옵티머스Q 800 * 480 갤럭시A 800 * 480 갤럭시S 800 * 480 시리우스 800 * 480 베가 800 * 480 다음과 네이버의 경우는 width를 가변폭으로 지정해놓아 해상도가 다른 모바일 기기에서 유동적인 대처

Source: http://mobile-patterns.com/activityfeeds