Corona SDK的native.newWebView滚动不起作用。

2015-1-12 0:58:32
收藏：0
阅读：70
评论：1

在我使用 Corona SDK 创建的应用程序中，我添加了一本我写的 HTML 操作手册。

我将 <html> 文件放在 resources 文件夹中，并通过 native.newWebView 无法显示它，问题是，在 web view 中无法滚动，因此我无法阅读整个 HTML 文本，有人能帮忙吗？

html 文件具有以下结构：

<!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, heigth=device-heigth, initial-scale=1 ">
      <title>jQuery Mobile - Backbone.js and Require.js Apps</title>
      <link rel="shortcut icon" href="../favicon.ico">
      <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
      <link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.4.2.min.css">
      <link rel="stylesheet" href="../_assets/css/jqm-demos.css">
      <script src="../js/jquery-2.1.1.min.js"></script>
      <script src="../js/jquery.mobile-1.4.2.min.js"></script>
      <style type="text/css">
             html {    -webkit-text-size-adjust: none;  }
             </style>
      <link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css"   charset="utf-8"/>
   <body >
      <div data-role="page" class="jqm-demos" data-quicklinks="false">
         <div role="main" class="ui-content jqm-content" id="conts">
            <h1> Title/h1>
            <h3>
                </h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            </div><!-- /content -->
         </div><!-- /page -->
      </body>
  </html>

我创建 WebView 的方法如下：

webView = native.newWebView( display.contentWidth*0.6, display.pixelHeight*0.16,  display.pixelWidth*0.5, display.pixelHeight*0.3);
webView.hasBackground = false;
webView:request( "assets/were/Manual/myfile.html", system.ResourceDirectory );

希望有人可以帮助我，谢谢。

点赞
用户3666197
用户3666197

似乎是错误的 vieport 设置

尝试修正 <meta...> 的语法以与支持的语法选项匹配

<meta name="viewport" content="width=device-width, heigth=device-heigth, ...=1 ">
<!-- correct                                           ^^            ^^       ^
                                                       ||            ||       | TYPO(s)
                                                       vv            vv       X  REPAIR(s)  -->
<meta name="viewport" content="width=device-width, height=device-height, ...=1">
2014-09-04 17:13:26

作者:

用户4008730

用户4008730
推荐文章