프로젝트를 하며 반응형 웹을 만들고 있는데 미디어 쿼리가 적용되지 않는 오류가 발생했다.
문제점:
미디어 쿼리가 어떤 컴포넌트에는 적용되고 어떤 컴포넌트에는 적용이 안됨.
원인 파악:
나는 보통 스타일 파일은 js 파일로 만들고 미디어 쿼리를 사용할 때만 따로 빼서 css 파일에 만드는데
적용이 된 컴포넌트는 미디어 쿼리를 모아둔 css 파일에만 스타일을 작성했고,
적용이 안된 컴포넌트는 css 파일과 js 파일 두 군데에 스타일을 작성한 것이다!
해결 방법:
css 파일 하나에 반응형으로 만들 컴포넌트의 스타일을 다 작성하니 바로 적용되었다!
'HTML, CSS' 카테고리의 다른 글
| [CSS] 축소해도 화면 중앙에 컴포넌트 위치시키기 (0) | 2023.07.25 |
|---|