[Mobile] 모바일 웹 개발 팁(Tip)

1. Viewport 기본설정

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

width : 넓이
height : 높이
initial-scale : 초기 확대/축소 배율
minimum-scale : 최소 축소배율 (default-0.25, 0~10까지 조정가능)
maximum-scale : 최대 확대배율 (default-1.6, 0~10까지 조정가능)
user-scalable : 확대/축소 가능여부 (default-yes, yes | no)


2. 자동 전화걸기 태그 방지 (IOS 아이폰 전화링크 색 없애기.)

<meta name="format-detection" content="telephone=no">

3. 홈 화면 icon(아이폰)

아이폰에서 바로가기를 추가할 경우 보여지는 아이콘
홈화면 추가 시 라운딩처리는 자동으로 처리된다. 그러므로 아이콘 작업 시 따로 라운딩 처리 하지않아도 된다.(라운딩 작업시 깨져보일 수 있음.)
반사광 효과를 설정할 수 있다. 기본적으로 적용되고 효과를 없앨 수 있다.
png로 작업할 것.

아이폰3G, 아이폰3GS [ 사이즈: 57*57 ]
아이패드 [ 사이즈: 72*72 ]
아이폰 4 [ 사이즈: 114*114 ]

 

# 참고
http://harpy2.blogspot.kr/2012/12/blog-post_6.html
https://dol2156.tistory.com/173