모바일에서 pc버전 확인할 때 세로 길이...ㅡ.,ㅡ;
본문
모바일에서 모바일버전을 볼 때는 상관없는데 PC버전을 보면 문서의 세로 길이만큼 나오는게 아니라 세로 밑으로 여백이 발생하네요...
※모바일 가로모드는 여백이 발생하지 않고 세로모드에서만 여백이 발생
예를 들어 문서 내용이 많아서 세로 1000px 이상이 되면 여백이 없지만, 문서 길이가 그 이하가 되면 나머지 부분은 스크롤이 발생하여 여백이 1000px 길이만큼 나옵니다.
이걸 방지하는 방법이 있나요?
g4s 순정을 확인해 봐도 마찬기지던데...ㅡ.,ㅡ
※모바일 가로모드는 여백이 발생하지 않고 세로모드에서만 여백이 발생
예를 들어 문서 내용이 많아서 세로 1000px 이상이 되면 여백이 없지만, 문서 길이가 그 이하가 되면 나머지 부분은 스크롤이 발생하여 여백이 1000px 길이만큼 나옵니다.
이걸 방지하는 방법이 있나요?
g4s 순정을 확인해 봐도 마찬기지던데...ㅡ.,ㅡ
답변 1
질문이 이해하기 어렵습니다.
'스크롤'이 언급됐다는 이유만으로 짐작을 해보자면, css/mobile.css 의 html {overflow-y:scroll} 을 삭제해보시면 어떨까 싶습니다.
'스크롤'이 언급됐다는 이유만으로 짐작을 해보자면, css/mobile.css 의 html {overflow-y:scroll} 을 삭제해보시면 어떨까 싶습니다.
https://nid.naver.com/nidlogin.login?mode=number&svctype=&logintp=&viewtype=&url=http://www.naver.com
예를 들어 이 페이지처럼 세로 길이가 길지 않는 경우 가로모드에서는 하단 여백이 발생하지 않는데 세로모드에서는 여백이 발생하네요...
PS:
html {overflow-y:scroll} 이 부분 삭제해도 마찬가지고
아래부분 'height=device-height' 이걸 추가해도 동일하네요...
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
참고로 4.0b15 버전 css파일 호출 부분에서 http://validator.kldp.org/ 여기에서 검사해 보면 오류 나오네요...ㅡ.,ㅡ;
원하시는게 정확히 어떤 건지 모르겠습니다만, 제가 보기엔 정상적으로 출력되고 있는 것 같은데요. '-'
css 파일 호출 오류는 현재 그누보드의 스킨 구조 상 수정이 용이치 않습니다. 방법을 계속 고민해보겠습니다.
네 잘 알겠습니다.
답변 감사합니다...(--)(__)
답변을 작성하시기 전에 로그인 해주세요.
