모바일에서 가로모드에서 화면이 확장되지 않습니다
관련링크
https://beomsu.com
68회 연결
본문
부트스트랩으로 반응형 홈페이지를 만들었는데 모바일에서 세로모드는 제대로 나오는데 가로모드에서는 페이지가 좌우로 확장되어 화면에 꽉차지 않고 화면 중앙에만 페이지가 뜨는 경우에 어찌하면 될까요~~
답변 2
https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/scss/_containers.scss
scss 에서 파싱되어 max-width 가 지정된 px 단위로 나오면서 그러는것 같습니다.
css 가장 하단에 재정의 해보세요
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
/* max-width: 1320px; */
max-width: 100%;
}
답변감사합니다. 그런데
위처럼하면 pc에서도 100%가 되버리네요...pc에서는 기존설정은 유지하고 싶거든요~~
그러면 이제 미디어 쿼리로 조절해가면서 맞추시면 될것 같습니다.
감사합니다.
님의 도움대로 미디어 쿼리로 해서 모바일 가로보드에서 100%로 잘 나오네요.
답변을 작성하시기 전에 로그인 해주세요.