테스트 사이트 - 개발 중인 베타 버전입니다

모바일에서 가로모드에서 화면이 확장되지 않습니다 채택완료

카산 3년 전 조회 2,361

부트스트랩으로 반응형 홈페이지를 만들었는데 모바일에서 세로모드는 제대로 나오는데 가로모드에서는 페이지가 좌우로 확장되어 화면에 꽉차지 않고 화면 중앙에만 페이지가 뜨는 경우에 어찌하면 될까요~~

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
3년 전

https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/scss/_containers.scss

scss 에서 파싱되어 max-width 가 지정된 px 단위로 나오면서 그러는것 같습니다.

 

css 가장 하단에 재정의 해보세요

</p>

<p>.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

    /* max-width: 1320px; */

    max-width: 100%;

}</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

카산
3년 전
답변감사합니다. 그런데
위처럼하면 pc에서도 100%가 되버리네요...pc에서는 기존설정은 유지하고 싶거든요~~
배르만
3년 전
그러면 이제 미디어 쿼리로 조절해가면서 맞추시면 될것 같습니다.

댓글을 작성하려면 로그인이 필요합니다.

카산
3년 전

감사합니다.

님의 도움대로 미디어 쿼리로 해서 모바일 가로보드에서 100%로 잘 나오네요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인