월횽

  • Home
  • 프로그래밍
  • 데이터베이스

모바일 미디어 쿼리 1

[CSS 수업] 7강 - 미디어 쿼리(반응형 웹 디자인)

[CSS 수업] 7강 - 미디어 쿼리(반응형 웹 디자인) 안녕하세요! 그레이해커 월횽입니다. 반응형 웹 디자인은 모바일 기기부터 데스크톱 화면까지 다양한 디바이스에서 웹 페이지가 최적으로 표시되도록 하는 기술입니다. 이 기술은 사용자 경험을 향상시키고 검색 엔진 최적화(SEO)에도 긍정적인 영향을 줍니다. 이번 강의에서는 CSS 미디어 쿼리를 활용하여 반응형 웹 디자인을 구현하는 방법을 알아보겠습니다. CSS 미디어 쿼리란? 미디어 쿼리는 브라우저의 너비, 높이, 방향 등 조건에 따라 다른 CSS 스타일을 적용하는 기능입니다. 이를 활용하면 화면 크기에 따라 레이아웃과 폰트 크기 등을 다르게 지정할 수 있습니다. 미디어 쿼리 예제 1. 데스크톱 화면: @media..

프로그래밍/CSS 2024.05.17
이전
1
다음
더보기
프로필사진

월횽

그레이해커 월횽의 코딩 기록

반응형
  • 분류 전체보기
    • 프로그래밍
      • 도구
      • HTML
      • CSS
      • JAVA Script
      • Ajax
      • Node.js
      • Next.js
      • Python
      • PHP
      • React
    • 데이터베이스
      • MySQL
      • MariaDB
      • MongoDB
    • 윈도우 (Widow)
      • 윈도우7 (window7)
      • 윈도우10 (window10)
      • cmd 사용법
    • 리눅스 (Linux)
      • Shell 사용법
      • 우분투 (Ubuntu)
    • 맥 (Mac)
      • 터미널 사용법
    • IT백과

공지사항

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 홈페이지
  • 카페
  • 블로그
  • 페이스북
  • 인스타그램
  • 유튜브
  • 네이버TV
  • 아프리카TV

티스토리툴바