반응형 뷰포트1 뷰포트 (viewport) viewport는 화면에서 실제 내용이 표시되는 영역으로, 데스크톱은 사용자가 설정한 해상도가 뷰포트 영역이 되고, 스마트 기기는 기본으로 설정되어 있는 값이 뷰포트 영역이 됩니다. 그런데 스마트 기기는 기본으로 설정되어 있는 뷰포트 영역으로 인해 미디어 쿼리가 정상적으로 작동하지 않는 문제가 발생할 수 있습니다. 이러한 문제를 방지하기 위해 뷰포트 메타 태그를 이용해서 화면의 크기나 배율을 조절해야 합니다. 예시) 위 메타 태그는 반응형 웹을 제작할 때 사용하는 뷰포트의 기본 형태입니다. 뷰포트 기술을 제대로 사용하려면 문법을 정확하게 이해하고 있어야 하며,, 그중에서도 특히 뷰포트 속성은 반드시 알아야 합니다. 뷰포트 속성 속성명 속성값 속성 설명 width Device-width, 양수 뷰포트의 너.. 2021. 8. 4. 이전 1 다음 반응형 LIST