
[ISSUE][Nexts.js] 반응형 페이지 작업중 특정사이즈 이하로 반응형이 작동하지 않을 때
2024. 6. 21. 17:18
Frontend/Next.js
Reason한창 웹 페이지 작업중에 모바일 버전으로 창을 줄여서보니까 어느새 해당 페이지에서 모바일 버전으로 보면 가로로 스크롤이 생기고 반응형으로 딱 맞게 줄어들지 않음.. 가로 700px쯤 부터 화면이 더 안줄어들고 가로스크롤이 발생한다. Try 어디서 문제인지 찾으려고 코드를 들여다 봤으나 찾기가 너무 어려운 것 . . 그래서 이렇게 섹션별로 주석처리하여 찾아넀다.아래 컴포넌트를 주석 처리했을 때 내가 원하는 반응형 페이지로 구성된다. 이 정도 가로길이일때 헤더부터 모든게 같이 이쁘게 정렬 되어야한다. 캐러셀 안 아이템으로 작성했던 'SongCard' 컴포넌트가 문제인듯하다.여기서도 주석 처리해가면서 원인 찾아내기..!이것 저것 건드려본 결과위에 주석처리한 곳에서 문제가 생김을 감지했..