미디어쿼리 사용하기1 반응형 웹을 만드는 주요 기술 중 하나 '미디어 쿼리(media query)' 반응형 웹 웹브라우저의 크기, 접속하는 기기 등등 상태에 따라 웹페이지가 반응하여 변경하는 것 이러한 반응형 웹을 만드는 주요 기술 중 하나가 미디어 쿼리(media query) 이다. 뷰포트(viewport) 웹 페이지가 접속한 기기에서 보이는 실제 영역의 크기 vscode의 빈 파일에 ! 로 html의 기본 틀을 만들 수 있는데, 중간에 보이는 meta 태그의 viewport가 접속하는 기기마다 뷰포트를 최적화해준다. content="width=device-width" 이 부분이 뷰포트의 넓이를 접속하는 기기 넓이로 최적화한다. ⭐️ 최소한 width, initial-scale 을 사용해줘야 다양한 기기에서 최적화된 화면을 보여줄 수 있다 ⭐️ 미디어 쿼리 사용하기 @media only|not 미디어.. 2023. 11. 30. 이전 1 다음 반응형
