CSS 미디어 쿼리 (Media Query) 사용법 | 달레의 웹 프로그래밍

Описание: 이러한 반응형 웹디자인의 기본이되는 CSS의 미디어 쿼리(Media Query)에 대해서 살펴보겠습니다.
관련 포스팅: https://www.daleseo.com/css-media-que...
실습 코드
좁은 화면 스타일링: https://codepen.io/daleseo/pen/JjbzMeL
넓은 화면 스타일링: https://codepen.io/daleseo/pen/OJbqzKJ
화면 너비에 따라 HTML 요소 숨기기: https://codepen.io/daleseo/pen/vYyPdEw

목차:
0:00 소개
0:31 미디어 쿼리 기본 문법
1:15 좁은 화면 스타일링
4:14 넓은 화면 스타일링
7:02 화면 너비에 따라 HTML 요소 숨기기
12:03 마무리

#web #css #mediaquery #responsive
#웹 #미디어쿼리 #반응형웹