CSS 미디어 쿼리 (Media Query) 사용법 | 달레의 웹 프로그래밍
YouTube
CSS 미디어 쿼리 (Media Query) 사용법
다양한 디바이스들이 웹브라우징을 지원하면서 뷰포트(viewport) 너비에 따라 유연하게 컨텐츠를 배치하는 기술이 점점 중요해지고 있습니다. 이번 시간에는 이러한 반응형 웹디자인의 기본이되는 CSS의 미디어 쿼리(Media Query)에 대해서 살펴보겠습니다.
📺 동영상: https://youtu.be/xMhG1Easy2c
📝 포스팅: https://www.daleseo.com/css-media-queries/
🧑💻 실습 코드
좁은 화면 스타일링: https://codepen.io/daleseo/pen/JjbzMeL
넓은 화면 스타일링: https://codepen.io/daleseo/pen/OJbqzKJ
화면 너비에 따라 HTML 요소 숨기기: https://codepen.io/daleseo/pen/vYyPdEw
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2024년 1월 16일 오후 7:33
댓글 0
함께 읽은 게시물
6년간의 토이프로젝트 여정을 마무리하며 - 기술블로그 구독서비스 회고록
안
... 더 보기
올해로 개발자 생활이 햇수로 20년째다
2005년 7월에 일을 시작했으니, 올해로 개발자 생활이 햇수로 20년째다. 중간에 공백이 조금씩 있었으니 꽉 채운 스무 해는 아니지만, 숫자가 주는 무게는 여전하다. 20년이라는 시간이 흘렀다는 사실이 새삼 신기하게 느껴진다.
야근의 관성
제가 한국에서 직장 생활을 시작하고 가장 먼저 배운 것은 아이러니하게도 야근이었습니다. 신입이었던 제게 야근은 선택의 문제가 아니었거든요. 선배들에게 야근은 너무나 당연한 루틴이었고, 저녁 5시가 되면 "퇴근 안 해?"가 아니라 "저녁 뭐 먹을까?"라는 질문을 던졌습니다. 누가 정해놓은 것처럼 부장님이 퇴근해야 과장님이, 과장님이 퇴근해야 대리님이, 대리님이 퇴근해야 비로서 저 같은 신입도 퇴근 생각을 할 수 있었습니다.
... 더 보기무신사의 대용량 트래픽 경험기
치
... 더 보기
< 가장 예쁜 사람이 아니라, 1등 할 사람에게 투표하라 >
1. 유명한 경제학자 케인스는 단기 투자 전략을 미인선발대회에 비유했다.
