본문 바로가기

IT

[Mobile]모바일웹 해상도。

 

모바일웹 해상도


모바일 웹은 주로 320*480 사이즈로 제작합니다.


세로는 스크롤이 가능하므로 실질적으로 가로 사이즈만 맞추는데 아이폰4는 해상도가 높아 640*960으로 작업을 해야하지만 최적화된 사이트 구축가능합니다.


* 모바일 웹에 들어가는 이미지는  640px을 기준으로 디자인한다.
* 모바일 웹 페이지에서 이미지 크기는 320px, 480px로 지정한다.
* 모바일 웹의 해상도는 320px을 기준으로 제작한다.


- 사이즈가 각 디바이스에 맞춰줄 수 있는 코드(확대비율을 기기사이즈 가로에 맞게 조정 )

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



Device                    Portrait

아이폰4                   640*960

아이패드                 760*1024

모토로이                  320*480

HTC(디자이어           800*480

'IT' 카테고리의 다른 글

[Typography]타이포그라피종결자。  (0) 2012.09.06
[Poster]Poster Design Contest “Redesign The Web”: The Best Entries  (0) 2012.09.04
[Mobile] Pttrns。  (0) 2012.08.21
[Inspiration] REVISION。  (0) 2012.08.21
[PSD] PSD365。  (0) 2012.08.21