viewport

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

 

속성	설명
width	폭
height	높이
initial-scale	초기 확대치
maximum-scale	최대 확대치
user-scaleble	사용자 확대 축소 여부
target-densitydpi	device-dpi high-dpi  - (480*800) medium-dpi - (320*480 선언되지 않았을경우 기본값) low-dpi

 

 

target-densitydpi 는 안드로이드만 지원한다. 보통은 medium-dpi로 사용하지만 레이아웃 크기가 따로 구동될경우

device-dpi를 사용하면 해결된다.

 

※ 참고 일반적으로 모바일 전용 이미지 작업시 PSD파일 사이즈는 width를 480으로 작업하면 될것같다.

 

 

viewport, 모바일웹 해상도