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

모바일 반응형페이지에서 오른쪽으로 넘어가는현상 채택완료

장똥 2년 전 조회 1,816

안녕하세요. 반응형페이지 를 만들고있는데. 모든부분 적용잘되어서 페이지 정상적으로 모바일 기기에맞게 출력잘되는데. 스마트폰에서 오른쪽으로 당겨? 보면 빈페이지라고해야하나 ? 빈페이지가 나옵니다. 이런경우는 어디를 확인해봐야할까요 ?

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

답변 3개

채택된 답변
+20 포인트
플라이
2년 전

Css단에서 미디어 쿼리 부분에 width비율을 일부 누락되어 적용이 안되어 빈페이지 노출되는게 아닌지 체크해 보셔야 할듯 합니다.

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

답변에 대한 댓글 2개

장똥
2년 전
콘솔로 찍어보려해도 빈페이지 부분은 요소가찍히지않습니다 ;;ㅠㅠ
플라이
2년 전
부분이 아닌 전체틀이 잡혀있는부분을 찍어보셔야 할듯 합니다.

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

제 경험담으론

보통 이런경우 소스보기 켜진 상태에서 div들의 크기를 찍어봅니다.

(화면으로 찍어도 되는데 화면으로 찍을 시 사이즈 잘나오는건 문제가 없는부분일테고요, 

잘안찍힐경우 div 요소를 찍으면 스타일 정보에서 width의 정보를 찾아봅니다)

width 가 100% 가 아닌 직접 크기가 있을 수 있고요, 또는 min-width가 있을 수 있고요

하나씩 살펴보아야 합니다.

그리고 제이쿼리 같은거 사용하셨다면 그부분에 영역도 살펴 보셔야합니다. 스크립트에 의해 강제적으로 사이즈가 고정되거나 최소값이 설정되는 소스들도 있더라고요,

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

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

s
sinbi Expert
2년 전

반응형 경우 아래 3가지 살피시면 될 듯.

  • 뷰포트 설정
  • 미디어쿼리
  • 각 요소너비

 

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

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

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

로그인