미디어 쿼리를 사용하다가 css level4의 범위 구문 문법을 이제 모든 브라우저에서 지원해준다는 점을 알게되었다. 관련 내용과 문법들도 더 알아볼 겸 반응형 웹디와 관련된 내용들을 정리해놓고자 한다. 1. viewport meta tag 애플이 아이폰, 아이패드 등 자사의 모바일 브라우저의 뷰포트(viewport) 크기 조절을 위해 만들었다. viewport란 웹페이지의 가시영역을 의미한다. 즉, 웹페이지가 사용자에게 보여지는 영역을 의미한다. 좀 더 정확히 말하자면, 화면에서 내가 스크롤을 움직이지 않고 볼 수 있는 네모 안쪽 영역을 의미한다(아래 사진에서 빨간 네모 박스). PC에서는 브라우저 창의 크기를 변경함에 따라서 viewport의 크기를 바꿀 수 있다. viewport는 디바이스에 따라 ..
