🥸 웹앱개발 이모저모/Css
2023. 5. 18.
[CSS] css 개념 | 미디어 쿼리
미디어 쿼리 간단 예시 보기 미디어 쿼리 작동 방식 초기에는 .media {}에 있는 css가 적용이 된다. 그런데 @media로 (min-width: 320px) and (max-width : 800px) 이라는 조건때문에 width가 최소 320px~800px이 되면 @media안에 들어있는 .media{} css가 적용이 된다. 즉, @media 조건에 해당하게 되면 미디어 쿼리 안에 있는 css가 적용된다. (조건을 벗어나면 미디어 쿼리 밖의 css가 적용됨) + 미디어 쿼리 밖에 있는 css는 미디어 쿼리 안에서 따로 손보지 않으면 그대로 적용된다. 위의 코드에서 미디어 쿼리 밖의 border : solid 10px red; 를 적용하고 싶지 않기 때문에 미디어 쿼리 안에서 border : no..