[반응형 웹 스터디] 미디어 쿼리 적용 방식 및 주의 사항

 

 

 미디어 쿼리 적용 방법

1. <link></link>태그를 이용해 CSS 파일 연결하여 적용

ex) <link rel="stylesheet" href="미디어 쿼리가 적용된 불러올 CSS파일 경로">

 

다른 방법

2. <link rel="stylesheet" media="all and (min-width):320px)" href="mediaquery320.css">

3. HTML 문서 내에 작성 : <style></style> 태그 내에 직접 작성

4. 임포트 : CSS 파일 내에서 다른 CSS파일을 불러 오는 방식.

   ex.) @import url("불러올 CSS 파일 경로") all and (min-width:320px);

 

주의 사항

1. 띄어 쓰기 주의 : and 뒤에는 항상 공백 한 칸

2. min 사용 시 : 반드시 작은 순서대로 작성 , max는 반대로 큰 순서대로 작성

 

 [ " Do it! 반응형 웹디자인 - 김운아 - " 학습 내용을 중심으로 정리 ]