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

카산

2022-10-01 (토) 09:56:43 2,707

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

그누보드5 모바일

채택된 답변

+20 포인트

배르만

2022-10-01 (토) 13:44:42

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

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

Copy

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    /* max-width: 1320px; */
    max-width: 100%;
}

카산

2022-10-01 (토) 20:38:15

답변감사합니다. 그런데
위처럼하면 pc에서도 100%가 되버리네요...pc에서는 기존설정은 유지하고 싶거든요~~

배르만

2022-10-01 (토) 20:50:50

그러면 이제 미디어 쿼리로 조절해가면서 맞추시면 될것 같습니다.

카산

2022-10-01 (토) 21:00:13

감사합니다.

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

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