모바일에서 css div의 width가 이상하게 나오네요.
본문
<div style="background-color:#FFFFFF; border-top: solid 2px #000; width:100%;border-bottom: solid 1px #DCDCDC;height:60px;">
<div id="afdg" style="margin:0px auto;width:1000px;">
<div style="float:left;">sss</div>
<div style="float:right;">sss</div>
</div>
</div>
위와같이 하면 안드로이드 모바일에서
<div style="background-color:#FFFFFF; border-top: solid 2px #000; width:100%;border-bottom: solid 1px #DCDCDC;height:60px;">
<div id="afdg" style="margin:0px auto;width:900px;">
<div style="float:left;">sss</div>
<div style="float:right;">sss</div>
</div>
</div>
위와같이 하면 안드로이드 모바일에서
화면 오른쪽의 메뉴 라는 글자 위에 줄이 있기도 하고 없기도 합니다.
두 소스의 차이는 width:1000px; 와 width:900px; 의 차이 입니다.
무엇이 문제일까요???ㅠㅠ 3시간동안 이것저것 만져보다가 글을 남겨봅니다.
답변 1
해당 url을 찍어주셧으면 더좋았을텐데요...
단지 그부분의 문제인지 그부모 구조부터의 문제인지 알수가없네요..
아참..그리고 모바일이라면 반응형을 제작하시는거라면 width값을 기기값 이상px이 아닌 퍼센테이지로 주고 거기에서 max-width를 주어야겠지요..