반응형 웹, Responsive Web, 미디어쿼리, @media

  • W3C
  • 필요조건
    • CSS3지원(그 중 미디어쿼리 지원)

  • 예제 모양
  • @media all {
    body { background:lime } 
    }
  • @media all and (max-width:930px) {
    #div_pics{ width:620px;}
    }
    • 모든 미디어 타입에 대해서 페이지 너비가 930px 이하일 때
      밑의 스타일을 적용시킨다.

    댓글
    • No Nickname
      No Comment
    • 권한이 없습니다.
      {{m_row.m_nick}}
      -
    목록형 📷 갤러리형
    제목
    [기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
    유용한 리눅스(LINUX) 명령어
    [공지] 기술 게시판
    3.31
    4.1
    4.2
    4.3
    4.4
    4.5
    4.6
    4.7
    4.8
    4.10
    4.11
    4.12
    4.13
    4.14
    4.15
    4.16
    4.18
    4.19
    4.20
    4.21
    4.22
    4.23
    4.24
    4.25
    4.26
    4.27
    4.28
    4.29
    4.30
    5.1
    5.2
    5.3
    5.4