웹사이트

4. 미디어 쿼리를 써보자.

4. 미디어 쿼리를 써보자. 3. 뷰포트란 무엇인가?! ( 바로가기 )에 이어서 미디어 쿼리를 사용해서 웹사이트의 디바이스가 달라질때, 웹사이트가 어떻게 변하는지 확인해봅시다. 위 코드에 보면 viewport와 함께 적용이 되어 있습니다. 실제로 코드를 작성한 후에 실습을 해봤는데 매우 흥미롭군요ㅎㅎ웹의 크기를 변경하면 배경색이 바뀌네요~! 자~! 미디어 쿼리를 사용해봤습니다ㅎㅎ실제로 터미널을 열어서 코딩을 하면서 확인을 해보면 더욱 잘 익혀집니다~! 4. 미디어 쿼리를 써보자. 끝.