마스터Q&A 안드로이드는 안드로이드 개발자들의 질문과 답변을 위한 지식 커뮤니티 사이트입니다. 안드로이드펍에서 운영하고 있습니다. [사용법, 운영진]

모바일웹페이지 확대축소 질문(viewport)

0 추천
<html>
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,maximum-scale=1.0, user-scalable=no" />
 </head>
 
 <body style="margin: 0px; padding: 0px;">
  <center>
  <table width="640" border="1" bgcolor="#aaaaaa"> 
  
   <!--main-->
   <tr height="600">
    <td colspan="6">
     1
    </td>
   </tr>
   
   <!--menu01, menu02-->
   <tr height="200">
    <td colspan="3">
     2
    </td>
    <td colspan="3">
     3
    </td>
   </tr>
   
   <!--menu03, menu04, menu05-->
   <tr height="100">
    <td colspan="2">
     4
    </td>
    <td colspan="2">
     5
    </td>
    <td colspan="2">
     6
    </td>
   </tr>
   
   <!--etc-->
   <tr height="500">
    <td colspan="6">
     7
    </td>
   </tr>
  </table>
  
 </body>
</html>

안녕하세요..

모바일 웹페이지를 만들고 있는데요..

내용을 화면에 맞추고 확대 축소 안되게 하려 합니다.

검색해보니

meta 태그를 추가하면 된다고 하더군요..

그래서 위 소스와 같이 추가하였는데...

내용은 단말기 크기에 맞춰서 나오나.. 여전히 확대 축소가 되더군요..

도저히 원인을 알수가 없어서 질문 남깁니다..

 

http://sinxor.webip.tv/viewport.html

 

위 소스를 그대로 서버에 올려놓은것 입니다.

모바일기기에서 접속 해보시면 문제가 보이실겁니다 ㅜ ㅜ..

해결책 아시는분.. 알려주시면 매우 감사하겠습니다..

 

Ripple (810 포인트) 님이 2014년 10월 1일 질문

1개의 답변

0 추천
안드로이드 크롬에서 확인해보니 확대축소는 안되네요

table의 너비가 640으로 되어있어서 가로스크롤은 당연히 생기구요

화면에 맞추실려면 너비를 100%로 해보세요
alkyne (22,960 포인트) 님이 2014년 10월 1일 답변
...