2011-08-10 36 views
0

我正在设计一个适用于andorid和ios应用的应用。在这个特定的活动中,我正在加载一个包含图像的网址。的图像的大小是要作为 宽度 - 960和高度 - 640android应用中的webview问题

在PHP代码我们已经添加以下行

<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent"> 
<meta name='viewport' content='width=320'/> 

使得网页可以得到嵌合屏幕尺寸内本身。这对iPhone有效,而在Android设备中,我已经在webview中加载了该页面。我的布局是在我的编码部分如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="fill_parent"> 
    <WebView android:id="@+id/webView1" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"> 
    </WebView> 
</LinearLayout> 

如下

webView = (WebView)findViewById(R.id.webView1);   
WebSettings webSettings = webView.getSettings(); 
webSettings.setUseWideViewPort(true); 
webSettings.setLoadWithOverviewMode(true); 
webView.getSettings().setJavaScriptEnabled(true); 
webView.loadUrl("http://xxxxxxxx.com/page/8"); 

但仍然在我的480X854在Android 2.1版本的设备我得到在底部有些空格和右上角网页

在Android2.2的WVGA854仿真器中,视图以横向和纵向滚动条出现。

在所有的Android设备,我需要的网页是准确withing屏幕尺寸,没有任何空格或滚动bars.how获得这个.....

回答

0

有些什么我如下

webView = (WebView)findViewById(R.id.webView1); 

     if(width == 320 || width == 360) 
     { 
      WebSettings webSettings = webView.getSettings(); 
      webSettings.setUseWideViewPort(true); 
      webSettings.setLoadWithOverviewMode(true); 
      webView.getSettings().setJavaScriptEnabled(true); 
        webView.loadUrl("http://xxxxxxxxxx.com/get/6"); 
     } 

     else if(width == 480) 
     { 
      WebSettings webSettings = webView.getSettings(); 
      webSettings.setUseWideViewPort(true); 
      webView.setInitialScale(85); 
      webView.getSettings().setJavaScriptEnabled(true); 
      webView.loadUrl("http://xxxxxxxxxx.com/get/6"); 
     } 
     else if(width == 540) 
     { 
      WebSettings webSettings = webView.getSettings(); 
      webSettings.setUseWideViewPort(true); 
      webView.setInitialScale(90); 
      webView.getSettings().setJavaScriptEnabled(true); 
      webView.loadUrl("http://xxxxxxxxxx.com/get/6"); 
     } 
     else if(width > 540) 
     { 
      webView.getSettings().setJavaScriptEnabled(true); 
      webView.loadUrl("http://xxxxxxxxxx.com/get/6"); 
     } 
     else 
     { 
      WebSettings webSettings = webView.getSettings(); 
      webSettings.setUseWideViewPort(true); 
      webSettings.setLoadWithOverviewMode(true); 
      webView.getSettings().setJavaScriptEnabled(true); 
      webView.loadUrl("http://xxxxxxxxxx.com/get/6"); 
     } 
0

你可以尝试改变视meta标签到:

<meta name="viewport" 
     content="width=device-width, initial-scale=1, maximum-scale=1"> 
+0

将这个是我的iOS应用太普遍了管理的问题.... –

+0

这将是通用于所有的Android设备版本和分辨率..... –

+0

它适用于所有设备。你试过了吗?你的问题解决了吗? – Bala

0

尝试增加android:scrollbarStyle="outsideOverlay"属性到WebView XML描述。