doeunn.log

▶반응형 웹과 미디어 쿼리 우리가 웹을 통해 네이버의 모습은 PC 화면으로 보았을 때와 모바일 화면으로 보았을 때는 다릅니다. 이는 반응형 웹을 이용한 모습입니다. 이번 글에서는 반응형 웹을 통해 모바일에서의 화면과 PC에서의 화면을 서로 다른 웹 서비스를 보여줄 겁니다. ▷반응형 웹 반응형 웹은 다양한 화면 크기의 디바이스(PC, 모바일, 태블릿 등)에서 웹 서비스를 제대로 보여주기 위한 기술 또는 개념입니다. 반응형 웹의 일반적인 조건은 다음과 같습니다. 데스크탑, 태블릿, 모바일에 대해 각각의 기기에서 문제없이 동작해야 한다. 사용자가 서로 다른 기기(다양한 크기의 화면)에서 접속시 즉시 반응하여 화면의 내용을 보여주어야 한다. ▷뷰포트(viewport) 뷰포트란 일반적으로 모바일 기기에 적용하기 ..