모바일 컴포넌트 구성 중 장치별 화면 출력 문제
- 작성자 :
- 박*웅
- 작성일 :
- 2012-07-31 10:25:02
- 조회수 :
- 1,730
- 구분 :
- 모바일
- 진행상태 :
- 완료
Q
수고하십니다!
모바일 컴포넌트를 사용 중인데요
우선 Header / Content / Footer 이렇게 3개를 다 사용하였습니다.
문제는 아래쪽입니다. Footer아래 흰색의 여백이 남습니다.
Content에 들어가는 내용이 적다보니 (Content에는 임시 버튼이 10개정도)
그만큼 위로 당겨져 올라와있는것같은데 이 Footer라인을 여백이 남지않도록
제일 아래로 내리려고 했으나 되지를 않네요-
갤럭시S2, 아이폰4S 등등 작은 디바이스들에서는 잘 뜹니다.
화면이 작은 덕분인지 스크롤되면서 아주 잘 뜨구요.
문제는 태블릿에서 발생합니다. (테스트 : 아이패드2, 뉴아이패드)
뷰포트에 height=device-height를 추가하여도 해결이 안되고...
data-role 다음에 data-position="fixed" 속성을 넣어봤는데 달라지질 않네요~~
사파리 브라우저의 특성인지 아니면 다른 문제인지를 모르겠습니다.
무엇보다 갤럭시탭10.1 같은 안드로이드군 태블릿에서 테스트를 못해봤네요...
모바일 컴포넌트를 사용 중인데요
우선 Header / Content / Footer 이렇게 3개를 다 사용하였습니다.
문제는 아래쪽입니다. Footer아래 흰색의 여백이 남습니다.
Content에 들어가는 내용이 적다보니 (Content에는 임시 버튼이 10개정도)
그만큼 위로 당겨져 올라와있는것같은데 이 Footer라인을 여백이 남지않도록
제일 아래로 내리려고 했으나 되지를 않네요-
갤럭시S2, 아이폰4S 등등 작은 디바이스들에서는 잘 뜹니다.
화면이 작은 덕분인지 스크롤되면서 아주 잘 뜨구요.
문제는 태블릿에서 발생합니다. (테스트 : 아이패드2, 뉴아이패드)
뷰포트에 height=device-height를 추가하여도 해결이 안되고...
data-role 다음에 data-position="fixed" 속성을 넣어봤는데 달라지질 않네요~~
사파리 브라우저의 특성인지 아니면 다른 문제인지를 모르겠습니다.
무엇보다 갤럭시탭10.1 같은 안드로이드군 태블릿에서 테스트를 못해봤네요...
A
안녕하세요. 박대웅님
현재 전자정부 모바일 표준프레임워크에 적용된 jQuery Mobile에서는
Footer의 여백처리가 제대로 지원되지 않습니다.
jQuery Mobile의 최신 버젼에서는
Foorer를 전체 화면에 맞게 배치하여 여백에 대한 처리가 가능한 상태로 알고 있습니다.
지금 현재 전자정부 모바일 표준프레임워크에 jQuery Mobile 1.1.1을 적용하신다면
표준 프레임워크의 일부 컴포넌트 사용에 영향을 미칠 수 있습니다.
jQuery Mobile 1.1.1에 맞게
전자정부 모바일 표준프레임워크를 업데이트를 진행중이며
11월초에 완료될 예정에 있습니다.
고맙습니다.
현재 전자정부 모바일 표준프레임워크에 적용된 jQuery Mobile에서는
Footer의 여백처리가 제대로 지원되지 않습니다.
jQuery Mobile의 최신 버젼에서는
Foorer를 전체 화면에 맞게 배치하여 여백에 대한 처리가 가능한 상태로 알고 있습니다.
지금 현재 전자정부 모바일 표준프레임워크에 jQuery Mobile 1.1.1을 적용하신다면
표준 프레임워크의 일부 컴포넌트 사용에 영향을 미칠 수 있습니다.
jQuery Mobile 1.1.1에 맞게
전자정부 모바일 표준프레임워크를 업데이트를 진행중이며
11월초에 완료될 예정에 있습니다.
고맙습니다.
