Programming/HTML CSS
viewport meta 태그는 모바일 웹페이지 작성시 화면에 대한 특정 정보를 전달하기 위해 사용됩니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maxium-scale=1.0, minimum-scale=1.0, user-scalable=no" />
다음은 content 내부에 작성되는 주요속성입니다.

 width  화면의 넓이를 의미하며 150, 200과 같은 값을 지정할 수 있습니다. 다만 값을 device-width로 하면 모바일 장치의 화면 넓이를 따라가게 됩니다.
 height  화면의 높이를 의미하며 150, 200과 같은 값을 지정할 수 있습니다. 다만 값을 device-height로 하면 모바일 장치의 화면 높이를 따라가게 됩니다.
 initial-scale  화면의 초기 확대비율을 지정합니다.
 user-scaleble  사용자가 화면을 확대할 수 있는지 여부를 지정합니다.
 minimum-scale  화면을 축소할때 최소축소치입니다.
 maximum-scale  화면을 확대할때 최대확대치입니다.

● 안드로이드 뷰포트 정보

http://developer.android.com/guide/webapps/targeting.html

● 사파리 뷰포트 정보

http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safarihtmlref/Articles/MetaTags.html

'Programming > HTML CSS' 카테고리의 다른 글

[CSS3] 고정바(bar) 생성  (1) 2013.08.27
[CSS3] 글자 생략하기  (0) 2013.08.21
[HTML] viewport meta  (0) 2013.08.20
[CSS] 웹폰트(Web font)  (0) 2013.08.19
[CSS3] 초기화 코드 사이트  (0) 2013.07.01
[HTML5] track (video 자막)  (0) 2013.06.28
0 0