반응형 웹 디자인responsive web design PC, 스마트폰, 태블릿 PC, 스마트 TV 등 다양한 화면 크기에 맞게 웹 요소를 재배치하고 표시 방법을 바꿔 웹 사이트를 구현하는 방법. 모바일에서 웹 사이트를 PC버전으로 접속했을 때 모든 내용이 작게 보이는 이유 ∵ PC 화면에서의 픽셀 ≠ 모바일 화면에서의 픽셀 → *뷰포트viewport를 지정하면 접속한 기기의 화면에 맞게 확대/축소해서 표시할 수 있다. * 뷰포트(viewport) : 스마트폰 화면에서 실제 내용이 표시되는 영역 뷰포트 지정하는 방법 위처럼 안녕하세요? ↓ PC의 브라우저뿐만 아니라 스마트폰, 태블릿 PC 등등 기기들도 다양하고 그 화면의 크기 또한 천차만별이다. 하지만 각각의 기기에서 어떻게 보일까 테스트하기 위해서 모..