Question

我按照Cordova的指示构建了我的APP，但我无法获得我为了适应scree而制作的HTML页面，它们总是更大。

这是生成的Android应用程序代码，并且没有为布局生成.xml文件

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");
    }
}

我把它放在HTML文件的Meta标签中。

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

运行此应用程序为我提供了一个比屏幕大小更大的应用程序，我也使用JQuery Mobile来构建HTML，任何解决方案都将非常受欢迎。

Answer 1

通常我希望页面的页面宽度不超过800到900像素，因为Android和iPhone浏览器默认将其设置为。为了使页面宽度与设备宽度相同，我设置了以下元标记：

<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

Answer 2

虽然除非您向我们展示您的HTML和CSS代码，否则无法向您推荐，但在使用网络技术为具有截然不同的屏幕分辨率的设备创建应用时，这是一个常见问题。

一种解决方法是以em单位而不是px来定义UI元素的维度。然后，您可以使用CSS媒体查询或JavaScript

为不同的屏幕分辨率设置适当的基础font-size

Answer 3

使用这个

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

100％有效。你可以在这里查看我的应用程序

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

如何让我的PhoneGap Android APP适合所有设备？

3 个答案: