반응형 웹 은 왜 사용 할까?
바로 모든 기기에서 최적화된 웹사이트를 사용할 수 있기 때문 !
핵심 기술
- 가변 그리드 : 폭에 따라 유동적으로 줄이거나 늘릴 수 있도록 픽셀 px 대신 퍼센트 %로 웹을 제작하는 기술
- 미디어 쿼리 : 화면의 크기와 환경을 감지하여 웹사이트를 변경하는 기술
- 뷰 포트 : 화면을 제어하는 기술, 미디어 쿼리로 기기의 화면 크기 감지 시 필요한 기술
- 플렉서블 박스 : 가변적인 박스를 만드는 기술인 동시에 웹사이트의 구조설계를 위한 새로운 기술
'HTML > CSS' 카테고리의 다른 글
css 초기화 (0) | 2022.08.03 |
---|---|
플렉서블 박스 (0) | 2022.07.28 |
미디어 쿼리와 뷰포트 (0) | 2022.07.27 |
가변 그리드 (0) | 2022.07.26 |
CSS 명령어 (0) | 2021.09.16 |