모바일 홈페이지 이미지 위치와 사이즈를 제대로 맞추려 하고 있습니다.
본문
제 모바일 기준으로 말씀드리면 (옵티머스G = 화면이 좀 넓습니다)
모바일로 접속하시면 index.php 페이지 상단 4개의 메뉴 중에서 한개만 라인에서 벗어나 밑에 줄에 위치하고 있습니다.
헌데 서브페이지 가보시면 로고와 메뉴이미지 사이즈가 자동으로 줄어들면서 한줄에 올라갑니다.
똑같은 모바일 페이지 화면에서 어떻게 해서 메인페이지와 서브페이지 메뉴사이즈와 로고 이미지 사이즈가
줄어들수 있는지? 궁금합니다. 줄여주는 스크립트나 그런 프로그램을 짜지 않았는데 말입니다.
http://bbuldduk.com/bbs/board.php?bo_table=03_01
서브페이지로 들어가시면 상단 타이틀 백그라운드에서 푸터까지 왼쪽으로 정렬이 되어있습니다.
PC에서는 모두 중앙 정렬 되어 있습니다. 모바일에서도 중앙정렬 하고 싶습니다.
아침 부터 잡는다고.. 위치를 잡아봤으나.. 어중이 떠중이로 CSS를
배워 정석을 모르고 있습니다. 많은 가르침 부탁드립니다.
답변 2
어메 일이 엄청 커진거 같아요.
서브 페이지에서 BG가 짤리는 부분은
BG가 짤린 부분까지가 모바일 브라우저 넓이 입니다. 넓이가 100% 설정되어서 딱 거기까지만
BG가 적용 됬구요 그 외에 상단 부분은 모바일 해상도 보다 커서 밖으로 삐져 나온 영역이라고 보시면 됩니다.
메인 페이지 우측 메뉴 떨어지는 부분도
메인쪽에 넓이 설정이 안되어 있어 모바일 브라우저 사이즈 밖으로 벗어 날경우 떨어진거 같구요
서브는 넓이가 설정이 되어 있어 BG 적용된 모바일 사이즈 밖으로 삐져 나간거구요.
돈받고 외주 하시는거라면 적당히 합의 보고 모바일 페이지만 구현하는쪽이 속편하실지도 몰라요
보통 에이전시에서 반응형웹을 제작 한다고 하면 기본 단가에 3배, 작업기간도 3배 이상 부릅니다.
해결 방법이 아니라 죄송한데 한두군데 수정한다고 해결 될 부분이 아닙니다.
아니면 그누보드 빌더로 다시 마춰가며 작업하는게 빠를지도 모르겠네요
설명다드리면..유지보수급이네요ㄷㄷ
