html, css2 [css] 미디어 쿼리 반응형 분기점(PC, 태블릿PC 가로 및 세로, 스마트폰 가로 및 세로) 4개의 반응형 분기점모바일 세로 ( ~470px)모바일 가로 & 태블릿PC 세로 (480px ~ 767px)태블릿PC 가로 (768px ~ 1023px)노트북 (1024px ~ 1279px) 2025. 5. 27. [css] 반응형 웹(+미디어 쿼리) 반응형 웹하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하는 웹페이지 접근 기법PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있으며 웹 페이지를 한 번만 수정해도 PC와 모바일 등 다양한 디바이스에 동일하게 반영된다.핵심 기술가변 그리드(fluid frid)유연한 이미지(flexible images)미디어 쿼리(media query) 미디어 쿼리사이트에 접속하는 미디어 타입과 특징, 해상도에 따라 다른 스타일 속성을 적용하는 기술 해상도가 변경되면 글씨가 아주 작게 보이는 현상이 발생할 수 있다. 이를 해결하기 위해서는 기기의 해상도를 인식할 수 있게 HTML 코드의 태그에 뷰포트.. 2025. 5. 27. 이전 1 다음
