반응형 웹 CSS 미디어쿼리 media query 템플릿 세팅
반응형 웹 반응형 웹은 PC, 태블릿, 모바일(가로, 세로) 등을 모두 지원할 수 있게끔 설정 해주는 템플릿을 의믜한다. 일반적으로는 CSS의 미디어쿼리를 이용하여 분기처리를 하지만 적응형 웹으로도 사용할 수가 있다. 기기 장치에 따라 CSS 템플릿을 다르게 적재해서 사용하는 것을 의미 몇 년 전만 해도 모바일의 가로 크기는 보통 480px 이하로 작성했는데 노트 플러스, 아이폰 플러스 등의 비교적 큰 화면의 스마트폰이 나오기 시작하면서 모바일의 가로크기가 점점 커지기 시작했다 그리고 PC의 화면은 아직까지는 1920px로 유효하다. 가끔 27인치 이상의 모니터에서는 가로크기를 2500px을 넘기는게 간혹 있긴 한데 아직까지는 크게 신경쓰지 않아도 될 부분이다. CSS 반응형 웹 작성시 필수적인 기본 미..
Web 프로그래밍/CSS
2021. 10. 18. 17:52