2013-01-20 53 views
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> 

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

预先感谢您。

回答

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/

+0

感谢您的帮助!我正在测试它。 – user1994007

+0

嗯,我试过使用它,但它只适用于第一页。整个应用程序在一个文件中,所以通常我会假设标题的内容适用于整个事件,但显然页面之间存在一些分离。整个应用程序是〜1000行,所以我不确定将它放在这里是否可行。 – user1994007

+0

jQueryMobile使用AJAX页面转换,所以我遇到了某些页面上的事情没有被传递给其他人的麻烦。你必须发布更多的代码才能诊断出来。 – nickcoxdotme