HTML 반응형 웹 설정 메타 태그

반응형 웹을 만들기 위해서는 메타태그를 선언합니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

뷰포트 메타태그를 추가하면 해상도에 맞게 페이지가 설정됩니다.

 

일반 웹페이지에서는 width 사이즈를 px로 표기하는데

 

반응형 웹에서는 스타일 width 사이즈를 px이 아닌 %로 설정해서 적용합니다.

 

<img src="image/logo.png" alt="" style="width:100%;">

스타일에 width 를 %로 잡아주면 이미지가 화면에 맞게 조절 됩니다.