모바일에서 가로, 잘림현상, 배경 잘림현상! 정보
모바일에서 가로, 잘림현상, 배경 잘림현상!본문
안녕하세요. 저는 무지막지한 초보입니다..
하지만 저처럼 미세한부분도 놓이기 싫으신 분들이 있을것같아..
시간절약을 위해서 올려드립니다.
사이트 100%로 설정시 데스크탑에서는 잘보이나
모바일에서 볼때 사이트 가로 잘림현상,
혹은 배경이 꽉차지않는 현상이 간단히 해결되었습니다.
방법은:
부모의 가로 폭 보통 width:100%로 주고 , 배경을 넣고 하실겁니다.
그렇게 하지마시고.. 이유는 모르지만,,
width:100% 를 -> 실제 컨텐츠 사이즈 , 저와같은경우 1100px..
min-width:1100px로 주세요! 배경은 그대로 100%로 나옵니다..이것이 이해가 사실 안됩니다..
무튼...
저를 한번 믿어보시고 각 부모(100%를 잡아주는...?)...의 속성을 min-width:실제컨텐츠사이즈를 주세요...
그누보드5 기준 (실제 컨텐츠 가로사이즈 1000px 기준)
#hd {min-width:1000px;}
#wrapper {min-width:1000px;}
#ft {min-width:1000px;}
일단..한번 해보세요..
도움이 되신분들이 있으시길바랍니다~!!~!!~ 빠밤~~
하지만 저처럼 미세한부분도 놓이기 싫으신 분들이 있을것같아..
시간절약을 위해서 올려드립니다.
사이트 100%로 설정시 데스크탑에서는 잘보이나
모바일에서 볼때 사이트 가로 잘림현상,
혹은 배경이 꽉차지않는 현상이 간단히 해결되었습니다.
방법은:
부모의 가로 폭 보통 width:100%로 주고 , 배경을 넣고 하실겁니다.
그렇게 하지마시고.. 이유는 모르지만,,
width:100% 를 -> 실제 컨텐츠 사이즈 , 저와같은경우 1100px..
min-width:1100px로 주세요! 배경은 그대로 100%로 나옵니다..이것이 이해가 사실 안됩니다..
무튼...
저를 한번 믿어보시고 각 부모(100%를 잡아주는...?)...의 속성을 min-width:실제컨텐츠사이즈를 주세요...
그누보드5 기준 (실제 컨텐츠 가로사이즈 1000px 기준)
#hd {min-width:1000px;}
#wrapper {min-width:1000px;}
#ft {min-width:1000px;}
일단..한번 해보세요..
도움이 되신분들이 있으시길바랍니다~!!~!!~ 빠밤~~
추천
2
2
댓글 9개
'default.css'를 수정했다는 말이지요?
hd, wrapper, ft에 각각 'width:100%'란 소스는 없습니다. 원본은 'width:980px'로 되어 있지요.
'width:100%'란 소스는 '본문 바로가기', '이미지 등비율 리사이징', '기본 테이블', '폼 테이블' 항목에만 있네요.
아뭏튼 알려주신대로 적용해보았으나 해결이 안되네요.
본문창이 어긋나 보이는 부분은 개선이 됩니다.
그리고 1000px 까지는 소스 수정 없이도 가능한 방법이 있을 듯 합니다.
관리자 페이지의 기본 크기가 1000px입니다.
hd, wrapper, ft에 각각 'width:100%'란 소스는 없습니다. 원본은 'width:980px'로 되어 있지요.
'width:100%'란 소스는 '본문 바로가기', '이미지 등비율 리사이징', '기본 테이블', '폼 테이블' 항목에만 있네요.
아뭏튼 알려주신대로 적용해보았으나 해결이 안되네요.
본문창이 어긋나 보이는 부분은 개선이 됩니다.
그리고 1000px 까지는 소스 수정 없이도 가능한 방법이 있을 듯 합니다.
관리자 페이지의 기본 크기가 1000px입니다.
아.........100%는 제가 줫엇나.......보네요 ............-ㅜ... 안되시나요??? 죄송합니다.ㅠㅠ..........
여러번 해봐도 안되었었는데... 오늘 다시 해보니 되네요.
저는 전체 크기를 1024px로 했는데...
해당 해상도에서 가로 스크롤이 생겨버리네요.
가로 스크롤을 없애려면 폭을 1000px 가까이로 줄여야할텐데...
본문창과 로그인 창이 별개로 되어 있어서 더 줄일 수가 없네요.
지금도 로그인창을 18px 줄인 상태인데... 더 줄이면 보기 싫어지니...
1024px 최적화는 포기해야겠습니다.
아뭏튼 도움이 많이 되었습니다. 고맙습니다~^^
저는 전체 크기를 1024px로 했는데...
해당 해상도에서 가로 스크롤이 생겨버리네요.
가로 스크롤을 없애려면 폭을 1000px 가까이로 줄여야할텐데...
본문창과 로그인 창이 별개로 되어 있어서 더 줄일 수가 없네요.
지금도 로그인창을 18px 줄인 상태인데... 더 줄이면 보기 싫어지니...
1024px 최적화는 포기해야겠습니다.
아뭏튼 도움이 많이 되었습니다. 고맙습니다~^^
앗 되시나요~! ㅎㅎ 도움이 되셔서 다행이네요.
가로 스크롤 되는 부분은 부모창들 한번 다확인해보세요~! ㅎㅎ
저는 1100 px 입니다!
좋은 밤보내세요 ^^
가로 스크롤 되는 부분은 부모창들 한번 다확인해보세요~! ㅎㅎ
저는 1100 px 입니다!
좋은 밤보내세요 ^^
저 혹시 fm님........여기 sir 사이트처럼 해당 그룹 페이지에서 해당 그룹 board_subject 만 노출되게 할수잇나요 ?
그냥 수동으로..일일이 다 코딩하면 되겟는데.. 아무래도..너무 구식인것같다는 생각에 조언 좀 구해봐요 ㅠㅠ
그냥 수동으로..일일이 다 코딩하면 되겟는데.. 아무래도..너무 구식인것같다는 생각에 조언 좀 구해봐요 ㅠㅠ
저도 찾고있는 중입니다~^^
ㅎ.ㅎ 넵~! 저도 알아내면 공유해드릴게요! 수고하세요!
이제 조금씩 알아가시는 과정인가보네요 ^^
저도 비슷한 경험을 해봐서 한자 적고갑니다
Min-width 는 최소 가로폭을 정해줌으로써 랜더링시 생기는 부분 버그를 잡아줄 수 있는 역활을 한다고 보시면 되요
코딩하신 사이트의 군데군데를 살피셔서 내 가이트의 실제 가로폭만 아신다면
새군데에 넣어주실 필요없이 body,html {min-width1024px} 와 같이 넣어주시면 해결되실꺼예요
또다른 방법은 모바일인식 스크립트나 서버사이드 언어를 사용해서 view-port 관련해 설정해주는방법도 있습니다.
참고로 반응형 사이트 제작하실때는 1000px이 넘어가는 min-width 는 ie7, 8 정도에만 인식하게 해주시면 되겠네요
화튕입니다 ^^
저도 비슷한 경험을 해봐서 한자 적고갑니다
Min-width 는 최소 가로폭을 정해줌으로써 랜더링시 생기는 부분 버그를 잡아줄 수 있는 역활을 한다고 보시면 되요
코딩하신 사이트의 군데군데를 살피셔서 내 가이트의 실제 가로폭만 아신다면
새군데에 넣어주실 필요없이 body,html {min-width1024px} 와 같이 넣어주시면 해결되실꺼예요
또다른 방법은 모바일인식 스크립트나 서버사이드 언어를 사용해서 view-port 관련해 설정해주는방법도 있습니다.
참고로 반응형 사이트 제작하실때는 1000px이 넘어가는 min-width 는 ie7, 8 정도에만 인식하게 해주시면 되겠네요
화튕입니다 ^^
이문제로 별 삽질을 다하다가 우연히 검색하다 발견했네요.
정말 감사합니다.~!!
다시한번 감사합니다.~!!
삽질을 너무 했어요 ㅠㅠ
정말 감사합니다.~!!
다시한번 감사합니다.~!!
삽질을 너무 했어요 ㅠㅠ
