Android 我的模板页面在移动设备上自动缩放_Android_Jquery_Html_Mobile

Android 我的模板页面在移动设备上自动缩放

android jquery html mobile

Android 我的模板页面在移动设备上自动缩放,android,jquery,html,mobile,Android,Jquery,Html,Mobile,出于某种原因，每当我使用实际的移动设备在移动模板上打开一个页面时，它就会自动放大页面。有没有办法确保页面以100%开始这是我的密码 <html> <head> <style> li{ line-height:3em; } ad{ padding: 0 0 0 4em; } n{ margin:10; } p {

出于某种原因，每当我使用实际的移动设备在移动模板上打开一个页面时，它就会自动放大页面。有没有办法确保页面以100%开始

这是我的密码

<html>
  <head>
    <style>
      li{
        line-height:3em;
      }
      ad{
        padding: 0 0 0 4em;
      }
      n{
        margin:10;
      }
      p {
        font-size: 130%;
      }
      a:link { color: white; text-decoration: none}
      mm {
        float: left;
        width: 100%;
        padding: 0;
        margin:0;
        list-style-type: none;
      }
      m {
        width: 6em;
        text-decoration: none;
        color: white;
        margin:10px;
        background-color: #243d77;
        padding: 0.9em 0.6em;
      }
    </style>
    <title>[Content]</title>
    <link type="text/css" rel="stylesheet" href="/stylesheets/[Content].css" />
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/pngFix/jquery.pngFix.js"></script>
    <script type="text/javascript" src="/js/jquery.cycle.all.latest.js"></script>
    <script type="text/javascript">     
      shuffle = function(o){ //v1.0
        for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
        return o;
      };

      $(document).ready(function() {
        $(document).pngFix(); 
      }); 
    </script>
  </head>
  <body>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div id="container">
      <div id="header">
        <div class="logo">
          <a href="/index.htm">
            <img alt="" width="189" height="69" src="[Content]" />
          </a>
        </div>
        <div class="loginlink">
          <a href="client-login.htm">
            Client Access Click Here
          </a>
        </div>
      </div>
      <div id="subheader">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <div style="clear: left;"></div>
        <div id="wrapper1">
          <div style="text-align: center;">
          </div>
          <div id="wrapper2">
            <div style="text-align: center;">
            </div>
            <div id="maincol">
              <div style="text-align: center;">
              </div>
              <div id="leftcol">
                <div style="text-align: center;">
                  <mm>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; Home &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; What We Do &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp; &nbsp; Why Work With Us&nbsp; &nbsp;&nbsp; &nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp;How We Provide Value &nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp;&nbsp; Who We Work With &nbsp;&nbsp; &nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            Results We've Achieved&nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp; &nbsp; Where We Service &nbsp;&nbsp; &nbsp;&nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; [Content] &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                    <li></li>
                    <li>
                      <m>
                        <n>
                          <a href="#">
                            &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; Get In Touch &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;
                          </a>
                        </n>
                      </m>
                    </li>
                  </mm>
                </div>
                <mm>
                </mm>
              </div>
            </div>
            {tag_pagecontent}
          </div>
        </div>
      </div>
      <div style="clear: both;"></div>
      <div id="footer">
        <p>&copy; 2014 [Content]</p>
        <p>
        </p>
        <ul>
          <li><a href="/sitemap.htm">Site Map</a></li>
          <li><a href="/disclaimer.htm">Disclaimer</a></li>
          <li><a href="/privacy.htm">Privacy Policy</a></li>
        </ul>
      </div>
    </div>
  </body>
</html>


李{
线高：3em；
}
广告{
填充：0.4em；
}
n{
保证金：10；
}
p{
字体大小：130%；
}
a:链接{颜色：白色；文本装饰：无}
嗯{
浮动：左；
宽度：100%；
填充：0；
保证金：0；
列表样式类型：无；
}
m{
宽度：6em；
文字装饰：无；
颜色：白色；
利润率：10px；
背景色：#243d77；
填充：0.9em 0.6em；
}
[内容]
shuffle=函数（o）{//v1.0
对于（var j，x，i=o.length；i；j=parseInt（Math.random（）*i），x=o[--i]，o[i]=o[j]，o[j]=x）；
返回o；
};
$（文档）.ready（函数（）{
$（document.pngFix（）；
}); 


























{tag_pagecontent}
&抄袭；2014[内容]

由于行为取决于设备，现代安卓4.x手机有一个名为“在概览中打开页面”的选项，默认情况下启用该选项，这会导致网页完全显示（无缩放）

通常，强制100%缩放级别并禁用用户在手机上的缩放功能是正确显示（设计正确的）移动站点的常见做法。这是通过如下所示的视口元标记实现的

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

同样，这是标签的一种非常规用法，因为您试图强制缩小而不是放大，但请尝试一下并告诉它是否有效…

您是否尝试添加了此项？你真的不应该用

s来做间隔，你应该用CSS来做。

<meta content='width=device-width, initial-scale=0.5, maximum-scale=1.0, user-scalable=1' name='viewport' />