3. 뷰포트란 무엇인가?!
36p~
뷰포트란~
웹사이트에 접속하는 사용자의 기기의 화면의 크기에 따라 이미지와 같은 보이는 것들의 크기를 조절해주는 기능입니다.
(말이 약간 깔끔하지 못하네요..)
(이 작업은 컴퓨터의 화면과 스마트폰/테블릿의 화면을 비교해야하기 때문에 웹서버가 필요합니다.)
<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>TEST</title>
</head>
<body>
<img src="img_01.jpg">
</body>
</html>
meta 부분이 없으면 화면의 크기에 따라서 사진이 작아집니다.
따라서 반응형에서 반드시 필요한 것입니다~!
( 이 부분은 핸드폰에서 확인을 해보면 확실합니다.)
'소프트웨어 > Do it! 반응형 웹디자인' 카테고리의 다른 글
| 4. 미디어 쿼리를 써보자. (0) | 2014.09.14 |
|---|---|
| 2. 반응형 웹의 맛보기! (0) | 2014.09.14 |
| 1. 실습 예제 준비하기. (0) | 2014.09.14 |