안녕하세요. 저는 무지막지한 초보입니다..
하지만 저처럼 미세한부분도 놓이기 싫으신 분들이 있을것같아..
시간절약을 위해서 올려드립니다.
사이트 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;}
일단..한번 해보세요..
도움이 되신분들이 있으시길바랍니다~!!~!!~ 빠밤~~
댓글 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입니다.
이제 조금씩 알아가시는 과정인가보네요 ^^
저도 비슷한 경험을 해봐서 한자 적고갑니다
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 정도에만 인식하게 해주시면 되겠네요
화튕입니다 ^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 1084 | |
| 1083 | |
| 1080 | |
| 1074 | |
| 1068 | |
| 1064 | |
| 1056 | |
| 1048 | |
| 1037 | |
| 1029 | |
| 1025 | |
| 1022 | |
| 1019 | |
| 1014 | |
| 1013 | |
| 1012 | |
| 1003 | |
| 1002 | |
| 997 | |
| 992 | |
| 986 | |
| 982 | |
| 973 | |
| 962 | |
| 952 | |
| 950 | |
| 947 | |
| 945 | |
| 942 | |
| 938 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기