미디어쿼리
-
[반응형 웹 스터디] 미디어 쿼리 적용 방식 및 주의 사항Web 2015. 10. 1. 03:35
미디어 쿼리 적용 방법 1. 태그를 이용해 CSS 파일 연결하여 적용 ex) 다른 방법 2. 3. HTML 문서 내에 작성 : 태그 내에 직접 작성 4. 임포트 : CSS 파일 내에서 다른 CSS파일을 불러 오는 방식. ex.) @import url("불러올 CSS 파일 경로") all and (min-width:320px); 주의 사항 1. 띄어 쓰기 주의 : and 뒤에는 항상 공백 한 칸 2. min 사용 시 : 반드시 작은 순서대로 작성 , max는 반대로 큰 순서대로 작성 [ " Do it! 반응형 웹디자인 - 김운아 - " 학습 내용을 중심으로 정리 ]
-
[반응형 웹 스터디] 미디어 쿼리 기본 문법Web 2015. 9. 30. 12:20
미디어 쿼리 화면 해상도, 기기 방향 등의 조건으로 HTML에 적용하는 스타일을 전환할 수 있는 CSS3 속성 중 하나. 기본 문법 @media [only 또는 not] [미디어유형] [and 또는 , 콤마] (조건문) { 실행문 } @media 미디어 쿼리 문법 시작 [only 또는 not] Only : 미디어 쿼리를 지원하는 브라우저에서만 미디어 쿼리를 해석 not : ‘not tv’ 일 경우 tv를 제외한 모든 미디어 유형 * 익스플로러 6,7,8의 경우 지원하지 않기 때문에 only 키워드는 대부분 생략. 미디어 유형 : 생략 가능 all, print, screen, tv, projection, handheld, speech, aural, embossed, tty, Braille 미디어 유형은 생..