모바일웹 viewport 관련

<meta content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width,target-densitydpi=medium-dpi" name="viewport">

이란 뷰포트를 가장 많이 쓸것이다...

하지만 디자이너 320 이미지가 아니라..640 , 480 등의 사이즈로 이미지를 주었을때 min-width등으로 320을 주고~ max-width:100% 형태로 작업을 했다고 하자...  

아이폰에서 가끔 정상적이지 않아서 강제로 사이즈를

<meta content="user-scalable=no, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, width=device-width,target-densitydpi=medium-dpi" name="viewport">

형태로~~ 바꿀때가 있을것이다.. 이렇게 한경우에 갤럭시 S에서 동일하게 나오지 않는다...;; 

근데 결론부터 얘기하면 

<meta content="user-scalable=yes, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, width=device-width,target-densitydpi=medium-dpi" name="viewport">

이렇게 바꾸면된다..;; 왜그런지는 정확히 모르겠다..;; 흠..;;