확대, 축소 여부 지정
2012.07.05 15:06:24

모바일용 홈페이지는 터치 환경을 이용하기 때문에 확대와 축소가 가능하도록 만드는 것이 바람직
화면의 확대, 축소는 메타 태그를 다음과 같이 수정

<meta name="viewport" content="width=device=width,user-scalable=yes,initial-scale=1.0,maximum-scale=3.0" />



tip - 처음 모바일 화면을 코딩할 때 방법을 잘 몰라서 일단 웹코딩을 할때와 같이 코딩을 하였다.
warp의 css에서 width:100%; background:url() 로 지정했는데 웹화면에서는 제대로 보였는데 태블렛에서 확인했을때에는 배경화면이 100%로 출력이 안되는 현상이 있었는데 아래 메타태그를 수정한 후에는 정상적으로 작동하였다.