모바일 반응형페이지에서 오른쪽으로 넘어가는현상
본문
안녕하세요.
반응형페이지 를 만들고있는데. 모든부분 적용잘되어서 페이지 정상적으로 모바일 기기에맞게 출력잘되는데.
스마트폰에서 오른쪽으로 당겨? 보면 빈페이지라고해야하나 ? 빈페이지가 나옵니다.
이런경우는 어디를 확인해봐야할까요 ?
답변 3
Css단에서 미디어 쿼리 부분에 width비율을 일부 누락되어 적용이 안되어 빈페이지 노출되는게 아닌지 체크해 보셔야 할듯 합니다.
콘솔로 찍어보려해도 빈페이지 부분은 요소가찍히지않습니다 ;;ㅠㅠ
부분이 아닌 전체틀이 잡혀있는부분을 찍어보셔야 할듯 합니다.
반응형 경우 아래 3가지 살피시면 될 듯.
- 뷰포트 설정
- 미디어쿼리
- 각 요소너비
제 경험담으론
보통 이런경우 소스보기 켜진 상태에서 div들의 크기를 찍어봅니다.
(화면으로 찍어도 되는데 화면으로 찍을 시 사이즈 잘나오는건 문제가 없는부분일테고요,
잘안찍힐경우 div 요소를 찍으면 스타일 정보에서 width의 정보를 찾아봅니다)
width 가 100% 가 아닌 직접 크기가 있을 수 있고요, 또는 min-width가 있을 수 있고요
하나씩 살펴보아야 합니다.
그리고 제이쿼리 같은거 사용하셨다면 그부분에 영역도 살펴 보셔야합니다. 스크립트에 의해 강제적으로 사이즈가 고정되거나 최소값이 설정되는 소스들도 있더라고요,
답변을 작성하시기 전에 로그인 해주세요.
