개발일지 2021/05/28

강민정·2021년 5월 28일

학습한 내용

미디어 쿼리
1. 미디어 쿼리 기초
2. 유용한 사이트
3. 미디어쿼리 실무팁

미디어쿼리의 핵심!지정값에 따라 화면을 변하게 할 수 있다.
![](https://velog.velcdn.com/images%2Flovingkang%2Fpost%2Fbcb6945b-b90b-418c-a383-f523eae5851c%2F%E1%84%86%E1%85%B5%E1%84%83%E1%85%B5%E1%84%8B%E1%85%A5%E1%84%8F%E1%85%AF%E1%84%85%E1%85%B5%E1%84%8C%E1%85%B5%E1%84%8C%E1%85%A5%E1%86%BC%E1%84%80%E1%85%A1%E1%86%B9%E1%84%8B%E1%85%A6%20%E1%84%84%E1%85%A1%E1%84%85%E1%85%A1%20%E1%84%92%E1%85%AA%E1%84%86%E1%85%A7%E1%86%AB%E1%84%8B%E1%85%B3%E1%86%AF%20%E1%84%87%E1%85%A7%E1%86%AB%E1%84%92%E1%85%A1%E1%84%80%E1%85%A6%20%E1%84%92%E1%85%A1%E1%86%AF%20%E1%84%89%E1%85%AE%20%E1%84%8B%E1%85%B5%E1%86%BB%E1%84%83%E1%85%A1..png)
미디어쿼리의 주의점
ㄱ.잘 비교하고 확인하자 핑크가 그대로 적용되어 바뀌지 않을 수 있다.

ㄴ. 메타태그에 viewport 넣어주기!
ㄷ. 'css-tricks.com'에서 다양한 디바이스 환경의 태그들을 받을 수 있다.