모바일 meta태그 기본 사항

해당 브라우저에서 화면에 맞게 자동 조절

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

user-scalable=no : 사용자의 확대보기 허용 여부(no/yes)
initial-scale=1.0  : 페이지 로딩시 확대비율
maximum-scale=1.0  : 최대확대비율
minimum-scale=1.0  : 최소축소비율
width=device-width : 플랫폼 가로 크기에 맞춤, 수치를넣으면 그수치에 맞게 맞춰짐.
target-densitydpi=medium-dpi : dpi([dots per inch])를 머... 맞추라는 거겠지여? 아닌가.. ㅎㅎ

위 태그로 거의 모든 스마트폰 공용으로 웹페이지의 넓이가 디스플레이 크기에 맞춰집니다.

그 외에 메타태그

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

아이폰 사파리에서 전화번호 링크를 마음대로 하는 경우가 있는데 그럴 경우
이렇게 하면 자동 링크가 되지 않는다.

 

<meta name="Robots" content="noindex,nofollow">

긁지 않고, 링크도 무시함.

[출처] 모바일 meta태그 기본 사항|작성자 썬