본문 바로가기 메뉴 바로가기

1 > 1000

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

1 > 1000

검색하기 폼
  • 1 pic > 1000 words (32)
    • Web (6)
      • HTML|CSS (5)
      • Sass (0)
      • p5.js (0)
      • Etc (0)
      • three.js (1)
    • Visualization (11)
      • input (8)
      • drawing (1)
      • 시도 (2)
    • Study (2)
      • data analysis (2)
    • 관심 (13)
      • design (1)
      • 사회 (3)
      • 나 (4)
      • 맛있는 거 (0)
      • 좋은 거 (2)
      • 월경용품 (3)
      • 페미니즘 (0)
    • data visualization (0)
      • 인풋노트 (0)
      • 툴공부 (0)
      • 시도 (0)
    • to know (0)
      • 역사 (0)
      • 인문 (0)
      • 과학 (0)
      • 심리 (0)
    • 생각 (0)
      • 나 (0)
    • just (0)
      • 맛있어 (0)
      • 예쁘다 (0)
      • 잡생각 (0)
  • 방명록

responsive (1)
[HTML/CSS] 화면의 크기와 환경을 감지하는 기술, 미디어 쿼리 (Media Queries)

미디어 쿼리 (Media Queries) 란? 미디어 쿼리란 반응형 웹을 구현하기 위해 필요한 기술 중에 하나로,컴퓨터나 기기에게 '너는 어떤 종류의 미디어니?' 또는 '미디어의 화면 크기는 어느 정도나 되니?' 라고미디어에게 질문하고 감지하여 웹사이트를 변경하는 기술이다. 기기의 종류 뿐만이 아니라 해상도, 비트 수, 가로/세로 여부 등 세밀한 부분까지 감지가 가능하여 유용하다. 미디어 쿼리의 기본 용법 미디어 쿼리 작성을 할 때는 기본적인 순서와 규칙을 따라야 한다. 다음과 같은 구조가 기본이다. @media 미디어 쿼리 문법의 시작을 선언하는 부분이다. 조건문 조건문에서는 뒤따라 올 실행문을 실행시킬 조건을 명시해준다. 미디어의 유형이나 속성 등을 적어준다. 어떤 종류가 있는지는 이따 자세히 알아보..

Web/HTML|CSS 2016. 9. 21. 16:54
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 저렴한생리컵
  • 의료용실리콘
  • threejs
  • 반응형웹디자인
  • 가로크기
  • DIV
  • 알리생리컵
  • 생리컵
  • 전원 인식 안될 때
  • CSS
  • HTML
  • 크기가 변하는 폰트
  • 생리컵직구
  • Femcup
  • 와글와글영화제
  • width
  • 펨컵
  • 타블렛 전원 불
  • 알리익스프레스
  • 웹브라우저창
  • MINI 5PIN
  • min-width
  • 브랜드생리컵
  • 중국생리컵
  • 은평장애인인권영화제
  • 알리 생리컵
  • menstrualcup
  • 서부장애인종합복지관
  • 생리컵리뷰
  • 생리컵 안전성
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바