使用Phonegap和jQUERY Mobile轻松缩放Android

Question

我一直很难在我使用Phonegap创建的webapp中使用缩放缩放功能.目前,我正在将信息加载到ap标签中查看远程脚本,但是html超出了屏幕的范围(当然转到横向模式修复了这个问题).

无所谓,我尝试的是我无法进行捏缩放工作甚至是一个水平的滚动条出现.我尝试meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.8, user-scalable=1" />在标题中添加< .

我认为问题可能是我正在使用jquery mobile,但尝试以下解决方案也不起作用:

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width, minimum-scale=1, maximum-scale=2";
});

(在jquery mobile js文件包含之前添加).

编辑:当内容溢出在Ripple模拟器中正常工作时向右滚动.

---

更新:好的 - 编辑我的app.java,我现在可以缩放.但是,我只能放大,而不是缩小,表示初始缩放设置为1我猜.任何人有任何关于如何缩小或设置水平滚动条的建议？

package com.phonegap.Sample;

import android.app.Activity;
import android.os.Bundle;
import com.phonegap.*;
import android.webkit.WebSettings;

public class Sample extends DroidGap
{
@Override
public void onCreate(Bundle savedInstanceState)
{


    super.onCreate(savedInstanceState);
    super.loadUrl("file:///android_asset/www/index.html");

    WebSettings ws = super.appView.getSettings();
    ws.setSupportZoom(true);
    ws.setBuiltInZoomControls(true); 

}
}

资源

Answer 1

我意识到这篇文章已经过时了，但是对于其他通过谷歌搜索进入该文章的人来说：

据我所知，水平缩放实际上不适用于除正文之外的任何内容 - 对于 iOS 和 Android 都是如此。尝试使用 div 创建一个新应用程序，并尝试为overflow:auto您提供任何内容。jQuery Mobile 中实现了 ScrollView，还有 iScroll。如果您希望表单元素位于可滚动区域内，则两者都不起作用。

至于缩小到比实际内容更远的程度，我不认为这是不合理的，它实际上将你锁定在里面。身体之外没有任何东西可以显示，想象一下背景颜色或图像将如何被剪切 - 一点也不好看！