모바일에서 모바일버전을 볼 때는 상관없는데 PC버전을 보면 문서의 세로 길이만큼 나오는게 아니라 세로 밑으로 여백이 발생하네요...
※모바일 가로모드는 여백이 발생하지 않고 세로모드에서만 여백이 발생
예를 들어 문서 내용이 많아서 세로 1000px 이상이 되면 여백이 없지만, 문서 길이가 그 이하가 되면 나머지 부분은 스크롤이 발생하여 여백이 1000px 길이만큼 나옵니다.
이걸 방지하는 방법이 있나요?
g4s 순정을 확인해 봐도 마찬기지던데...ㅡ.,ㅡ
※모바일 가로모드는 여백이 발생하지 않고 세로모드에서만 여백이 발생
예를 들어 문서 내용이 많아서 세로 1000px 이상이 되면 여백이 없지만, 문서 길이가 그 이하가 되면 나머지 부분은 스크롤이 발생하여 여백이 1000px 길이만큼 나옵니다.
이걸 방지하는 방법이 있나요?
g4s 순정을 확인해 봐도 마찬기지던데...ㅡ.,ㅡ
댓글 4개
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/ 여기에서 검사해 보면 오류 나오네요...ㅡ.,ㅡ;
예를 들어 이 페이지처럼 세로 길이가 길지 않는 경우 가로모드에서는 하단 여백이 발생하지 않는데 세로모드에서는 여백이 발생하네요...
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/ 여기에서 검사해 보면 오류 나오네요...ㅡ.,ㅡ;
게시글 목록
| 번호 | 제목 |
|---|---|
| 4184 | |
| 4181 | |
| 4180 | |
| 4169 | |
| 4155 | |
| 4154 | |
| 4153 | |
| 4148 | |
| 4147 | |
| 4140 | |
| 4133 | |
| 4126 | |
| 4125 | |
| 4124 | |
| 4123 | |
| 4121 | |
| 4120 | |
| 4116 | |
| 4108 | |
| 4106 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기