수다닷컴

안녕하세요

모바일 사이트를 제작중인데요~
기기별로 맞춰주는 작업을 어떤것들을 해줘야 할지 궁금해서 문의드립니다.
디자인은 640(아이폰4)기준으로받아코딩은 320px로 작업했습니다.
현재 뷰포트는
meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi 로 넣어놨는데요~

맞추고자 하는 기기별로 뷰포트를 달리 뿌려주기만 하면 해상도에 맞게 글씨나 이미지들의 비율이 맞게
나오는건가요?
참고로 맞추고자 하는 기기는 아래와 같습니다.

/*맞추고자 하는 기기*/
아이폰3
아이폰4
갤럭시 S
갤력시 S2
갤럭시 노트

각각 기기별로 뷰포트가 다르게 출력되도록 하면 되는건가요? 예를 들어

갤럭시 S(480*800)는
meta name=viewport content=width=device-width, initial-scale=1.5, maximum-scale=1.5, minimum-scale=1.5, user-scalable=no, target-densitydpi=medium-dpi

갤럭시 노트(800*1280)
meta name=viewport content=width=device-width, initial-scale=2.5, maximum-scale=2.5, minimum-scale=2.5, user-scalable=no, target-densitydpi=medium-dpi

이런식으로 맞춰주면 될까요? 아니면
뷰포트는 1.0으로 하고 미디어 쿼리를 사용해서 폰트나 이미지의 사이즈만 맞도록 변경해주면 될까요?

이렇게 다양한 디바이스를 맞춰본 적이 없어서 ㅠㅠ
도움 좀 요청드릴께요~ 답변 좀 부탁드리겠습니다.
여기저기 찾아봐도 딱 명확하게 판단히 서질 않네요 ㅠㅠ

신청하기