如何讓我的PhoneGap Android APP適合所有設備？

我按照使用Cordova的指示構建了我的APP，並且我無法獲取適合屏幕的HTML頁面，它們始終更大。如何讓我的PhoneGap Android APP適合所有設備？

這是生成的Android應用程序代碼，並有佈局

public class APP extends CordovaActivity 
{ 
    @Override 
    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"); 
    } 
}

產生任何.xml文件，我把這個元標記，HTML文件。

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >

運行這個程序給我一個應用程序，比屏幕尺寸更大，也使用jQuery移動構建的HTML，任何解決方案將不勝感激。

來源

2014-03-12 Mostafa El Beheiry

雖然沒有太多可以建議你，除非你告訴我們，你的HTML和CSS代碼當使用網絡技術爲具有截然不同屏幕分辨率的設備創建應用程序時，這是一個常見問題。

一個解決是定義中em單元代替px UI元素的尺寸。然後，你可以使用CSS媒體查詢或者JavaScript

來源

2014-03-12 13:45:14

這是什麼讓我很煩，我沒有使用PX，我在整個UI中做了％，以便它適合有問題的屏幕，我認爲這是Cordova/PhoneGap的問題，我仍然不確定。 –

通常我希望頁面不會有800到900像素的頁面寬度，因爲默認情況下Android和iPhone瀏覽器將其設置爲。要在頁面寬度一樣的設備寬度，我設置以下meta標籤：

<meta name="HandheldFriendly" content="true" /> 
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

另請參閱https://developer.android.com/guide/webapps/targeting.html

來源

2014-03-12 13:39:46

這沒有工作，我覺得問題是，Android設備把它撿起作爲CordovaActivity，或用web視圖或東西作爲這樣一個應用程序，我沒有太多的控制權。也就是說，如果我試圖使用Android瀏覽器打開HTML頁面，這是一個使用HTML的應用程序。 –

使用這一個

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport">

100％的作品不同的屏幕分辨率設置適當的基本font-size。你可以在這裏查看我的應用。

http://www.revivalx.com/my/#home

來源

2014-03-12 16:52:16

如何讓我的PhoneGap Android APP適合所有設備？

回答

相關問題