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

카산

3년 전 조회 2,511

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

#그누보드5 #모바일

정렬:

채택된 답변

+20 포인트

배르만

3년 전

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

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

Copy

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

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

카산

3년 전

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

배르만

3년 전

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

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

카산

3년 전

감사합니다.

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

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

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

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