"뷰포트"의 두 판 사이의 차이

2012년 2월 18일 (토) 17:11 판

뷰포트, viewport

1 개요

아이폰의 경우 뷰포트를 지정하지 않으면 뷰포트의 너비는 980px이 된다.
width=device-with

기기 크기에 맞춤

initial-sacle=1.0

초기 배율 1.0

user-scalable=no

확대축소 불가

2 뷰포트 기초예제

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="width=480,user-scalable=yes,initial-scale=1.0,maximum-scale=3.0" />
<title>제목</title>
</head>
<body>
<p>내용</p>
</body>
</html>

3 아이폰 화면 크기

스마트폰 화면 크기 문서를 참고하십시오.

아이폰: 320 x 480 px

Status Bar 높이: 20px
URL Bar 높이: 60px
Button Bar 높이: 44px

4 속성

width
height
initial-scale
minimum-scale
maximum-scale
user-scalable

2012년 2월 18일 (토) 17:11 판 (편집) Jmnote (토론 \| 기여) ← 이전 편집		2012년 2월 18일 (토) 17:11 판 (편집) (편집 취소) Jmnote (토론 \| 기여) (→‎속성) 다음 편집 →
42번째 줄:		42번째 줄:

	[[분류:HTML5]]		[[분류:HTML5]]
	[[분류:웹앱]]		[[분류:모바일 웹]]