Question

我有一个简单的方程式参考应用程序，我想让移动设备适合，但用户无法滚动到正面或侧面。这是头：

<!DOCTYPE html> 
<html>
<head>
 <script type="text/javascript">

        function onBodyLoad()
        {       
            document.addEventListener("deviceready", onDeviceReady, false);
        }

        function onDeviceReady()
        {
        }

        </script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" />
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
</head>

如果有人可以帮助我，我将不胜感激。

提前谢谢。

Answer 1

改变这个：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" />

对此：

<meta name="viewport" content="width=device-width" />

我认为问题是您的maximum-scale=1.0属性。因为这与user-scalable=yes属性冲突。

更多信息：http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

移动应用程序不滚动

1 个答案: