0

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

<!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>

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

先感谢您。

4

1 回答 1

0

改变这个：

<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/

于 2013-01-20T03:39:22.440 回答