그누보드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개
2015-06-30 (화) 18:52:13
이렇게 한번 해보시겠어요? ^^
Copy
<style> html, body { margin: 0; padding: 0; overflow-x: hidden; }</style>답변에 대한 댓글 1개
2015-07-01 (수) 09:03:57
2015-06-30 (화) 17:40:50
검색해보니, 아래를 추가해보라고 하네요. ^^;
Copy
overflow-x:hidden;답변에 대한 댓글 1개
PHPㅡASP프로그래머
2015-06-30 (화) 13:39:24
폰의 경우 내부 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>
답변에 대한 댓글 1개
2015-06-30 (화) 13:36:46
링크를 주셔야 봐드리기 편할듯요. 다른곳에서 width 값을 받아 올 수도 있으니..
답변에 대한 댓글 1개
2015-06-30 (화) 14:34:49
다른곳에서 넓이값은 가져올수가 없네요...테스트용으로 딱 3줄 입력했거든요
100% 넓이가 짤린다고 해야되나요? 암튼 그러네요 ㅜ.ㅜ
100% 넓이가 짤린다고 해야되나요? 암튼 그러네요 ㅜ.ㅜ
답변을 작성하려면 로그인이 필요합니다.
PC버전으로 모바일에서 확인하면 왼쪽 쏠림현상인거 같더라구요....
문의글 올라와 있는게 있는데 해결된 사람이 없나봐요 ㅜ.ㅜ