[CSS] Media Query - 미디어 쿼리의 예시와 활용
Media Query 란? 디바이스의 유형이나, 어떤 특성과 수치(화면 해상도, 뷰포트 너비)에 따라 웹과 앱의 스타일을 유동적으로 변경하고 싶을 때 사용 사용방법 미디어쿼리 사용방법에는 크게 2가지가 있습니다. 하기 내용과 같이 사용을 원하는 페이지 및 조건에 의해 활용을 달리할 수 있습니다. 1. Link 태그를 통해 사용 Link 태그 내 media 내 조건을 삽입하여 성립 시, css 파일이 실행이 된다. 설정한 조건과 같이 최대 360px 까지의 가로 사이즈 내에서만 작동되는 것을 확인할 수 있다. 360px 이상 사이즈 360px 이하 사이즈 2. CSS 코드를 통해 직접 적용 방식 @media only screen and (max-width: 700px) { * { background-col..
