<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimun-scale=1.0, maximum-scale=1.0, width=device-width, target-densitydpi=device-dpi"/>
-> 화면 사이즈
<meta name="apple-mobile-web-app-capable" content="yes" />
-> 홈 화면에 바로가기 만들었을 경우 주소입력창 없애기
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
-> status bar 색 지정 black | white
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-> 한글 인코딩(깨짐 현상 해결책)
window.addEventListener('load', function() {
setTimeout(scrollTo(0, 0), 1);
}, false);
-> 주소창 숨기기
* 하지만 내용이 화면을 넘어가지 않으면 사라지지 않는다
강제로 무조건 사라지게 하려면 viewport에 height=device-height를 추가하면된다.
하지만 이 또한 문제가 생기는것 같다
orientationchange가 발생하면 portrait 와 landscape 의 적절한 사이즈가 조절되지 않는것 같다.
현재까지는 그렇다....
결론은 height=device-height 를 넣고 orientationchange가 발생했을 때 width와 height를 내가 원하는대로 되지 않았다.
조금 더 삽질을 해봐야 할 듯하다...
