phonegap Android应用程序特定页面

我正在使用Phonegap和eclipse为客户端构建一个杂志android应用程序。当我在magazine.html页面中时，我希望用户缩放杂志页面（另存为jpeg），就会出现问题。我试着将meta标签设置为这个，但它不起作用

meta name=“viewport”content=“宽度=设备宽度，初始比例=1.0，用户可缩放比例=1，最小比例=1.0，最大比例=5.0”

我也使用了android zoom代码，但问题是它允许缩放所有内容，当你缩放时，只会影响文本而不会影响图像。同样使用这段代码，我无法选择是否只缩放特定页面（magazine.html）

{

public void onCreate（Bundle savedInstanceState）
{
super.onCreate（savedInstanceState）；
super.init（）；
//在config.xml中设置
super.loadUrl（Config.getStartUrl（））；
//super.loadUrl（“file:///android_asset/www/index.html");
settings.setBuilTinZoomControl（true）；
设置。设置支持缩放（真）；
}

}

我已经尝试解决这个问题好几天了，你们的任何帮助都会非常感谢：-）

试试这个PinchZoom.js

    new PinchZoom($('#your-element'), options);


    tapZoomFactor:      The zoom factor a double tap zooms to. (default 2)
    zoomOutFactor:      Resizes to original size when zoom factor is below the configured value. (default 1.3)
    animationDuration:  The animation duration in milliseconds. (default 300)
    maxZoom:            The maximum zoom factor. (default 4)
    minZoom:            The minimum zoom factor. (default 0.5)

---

谢谢amit的回答，我使用了iscroll.js和hammer.js来完成这项工作，但它不起作用。在我尝试pinchzoom之前，我想问一下，他们是否可以在不使用任何javascript库的情况下解决这个问题，不管是使用meta标记还是mainActivity java文件？

public void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    super.init();
    // Set by <content src="index.html" /> in config.xml
    super.loadUrl(Config.getStartUrl());
    //super.loadUrl("file:///android_asset/www/index.html");

   settings.setBuiltInZoomControls(true);
    settings.setSupportZoom(true);


}

    new PinchZoom($('#your-element'), options);


    tapZoomFactor:      The zoom factor a double tap zooms to. (default 2)
    zoomOutFactor:      Resizes to original size when zoom factor is below the configured value. (default 1.3)
    animationDuration:  The animation duration in milliseconds. (default 300)
    maxZoom:            The maximum zoom factor. (default 4)
    minZoom:            The minimum zoom factor. (default 0.5)