그누보드5로 작업중인데요...
모바일 버전을 사용안하고 PC버전으로만 사용하려고 하는데요....
코딩이 이상하게 나오네요.... ㅜ.ㅜ
PC에서는 정상으로 보이는데...테블릿이나 스마트폰에서 오른쪽부분이 빈 공간이 생기는 문제입니다.
<div style="width:100%; height:200px; background-color:#F00">
<div style="width:1000px; margin:0 auto; background-color:#999">111111</div>
</div>
width:100% 백그라운드를 지정했는데 100%으로 지정이 안되는문제입니다...
|
답변 4개 / 댓글 4개
이렇게 한번 해보시겠어요? ^^
Copy
<style> html, body { margin: 0; padding: 0; overflow-x: hidden; }</style>검색해보니, 아래를 추가해보라고 하네요. ^^;
Copy
overflow-x:hidden;폰의 경우 내부 div 의 width 를 1000px 로 설정하면
폰의 해상도의 넓이를 초과할 수 있습니다.
따라서, 내부 div 의 width 도 %(퍼센트)로 처리하시면 좋습니다.
예를들어, 아래와 같이 코딩해 보십시오.
<div style="width:100%; height:200px; background-color:#F00">
<div style="width:70%; margin:0 auto; background-color:#999">111111</div>
</div>
답변을 작성하려면 로그인이 필요합니다.
PC버전으로 모바일에서 확인하면 왼쪽 쏠림현상인거 같더라구요....
문의글 올라와 있는게 있는데 해결된 사람이 없나봐요 ㅜ.ㅜ