모바일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" />

 

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