폰에서 브라우저 metatag

아이폰 viewport 크기

iPhone 사파리 브라우저의 기본 viewport의 크기는 980px * 1470px입니다.

즉, 화면을  이크기로 렌더링 한다. 

이렇게 렌더링된 화면을 아이폰화면의 크기(320px*480px) 에 맞게 보여주기 위해서 축소하게 된다.

homescreen-icon

<!--광택 + 둥근모서리로 만들어준답니다. -->

<link rel="apple-touch-icon" href="screenicon.png" />

<!-- 광택효과 없이 사용자가 미리만들어논(precomposed) 아이콘을 사용하고 싶을때 -->

<link rel="apple-touch-icon-precomposed" href="screenicon_precom.png" />

full-screen

<meta name="apple-mobile-web-app-capable" content="yes" />

statusbar 색상

<meta name="apple-mobile-web-app-capable" content="yes" />