CSS 코딩 관련문의 드려요 ㅜ.ㅜ
본문
그누보드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
링크를 주셔야 봐드리기 편할듯요. 다른곳에서 width 값을 받아 올 수도 있으니..
다른곳에서 넓이값은 가져올수가 없네요...테스트용으로 딱 3줄 입력했거든요
100% 넓이가 짤린다고 해야되나요? 암튼 그러네요 ㅜ.ㅜ
폰의 경우 내부 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>
글남겨주셔서 감사합니다.
width:100%값이 나타나질 않네요 ㅜ.ㅜ
검색해보니, 아래를 추가해보라고 하네요. ^^;
overflow-x:hidden;
감사합니다...근데 전혀 반응이 없네요 ㅜ.ㅜ
이렇게 한번 해보시겠어요? ^^
<style>
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
}
</style>
전진님 감사합니다...역시 안되네요 ㅜ.ㅜ
PC버전으로 모바일에서 확인하면 왼쪽 쏠림현상인거 같더라구요....
문의글 올라와 있는게 있는데 해결된 사람이 없나봐요 ㅜ.ㅜ