모바일 웹페이지 작성시 사용하는 meta 정보

웹킷 기반 브라우져(아이폰,안드로이드..) viewport meta tag
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, target-densitydpi=medium-dpi" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, target-densitydpi=high-dpi" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, target-densitydpi=device-dpi" />
<meta name="viewport" content="user-scalable=yes, initial-scale=0.67, maximum-scale=0.67, minimum-scale=0.67, width=device-width, target-densitydpi=medium-dpi" />

웹킷기반 외 브라우져일 경우 meta tag
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />

안드로이드 개발자가 사이트가 어떤 화면 크기에 맞게 개발 되었는지를 명시하는 뷰포트 메타 태그 확장 방법

<meta name="viewport" content="target-densitydpi=device-dpi">
target-densitydpi에 적용 가능한 값은 device-dpi, high-dpi, medium-dpi, low-dpi가 있다.


주소창 자동으로 감추는기능 스크립트
<script type="text/javascript">
window.scrollTo(0, 1);
function loaded(){ window.scrollTo(0, 1); }
</script>
<script type="text/javascript" language="javascript">
window.addEventListener('load', function(){
  setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>