작성한 질문수
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
작성
·
289
0
창 크기에 따라 header와 view가 분리되어 보일때는 어떻게 해결해야 하나요?
답변 1
안녕하세요 :)
해당 질문에서 제가 말씀드릴 수 있는 부분은 레이아웃 관련 코드를 강의와 동일하게 하셨는지 확인해봐야 할 것 같습니다.
https://github.com/gymcoding/vue3-posts
위 깃헙 주소에 강의 회차별로 브랜치를 정의해두었습니다.
코드가 동일한지 비교해보시면 될 것 같아요~!
코드는 동일합니다 아래 부트스트랩 관련 게시글과 같이 헤더가 가운데 몰리고 view도 그 옆으로 몰려있는 상황이구요
yarn으로 install한게 문제인가 싶어서 다시 npm으로 설치해도 똑같이 가운데로 몰리는 현상이 발생합니다.
브라우저 창의 크기를 헤더와 뷰가 제대로 상하로 붙도록 조정했을때 나오고 전체화면이나 해당크기에서 조금만 늘려도 분리되어 옆으로 붙어버리네요...
늘려보다가 가로가 1028 픽셀 기준으로 분리되길래 프로젝트에서 검색했더니 max-width가 1028px로 되어 있었네요 해당 설정 변경하여 해결했습니다.
해결되어 다행이에요~! 큰 도움 드리지 못해 죄송합니다 🥲
코드는 동일합니다 아래 부트스트랩 관련 게시글과 같이 헤더가 가운데 몰리고 view도 그 옆으로 몰려있는 상황이구요
yarn으로 install한게 문제인가 싶어서 다시 npm으로 설치해도 똑같이 가운데로 몰리는 현상이 발생합니다.
브라우저 창의 크기를 헤더와 뷰가 제대로 상하로 붙도록 조정했을때 나오고 전체화면이나 해당크기에서 조금만 늘려도 분리되어 옆으로 붙어버리네요...