将android大屏幕缩放到iphone屏幕分辨率&密度(Phonegap Build)

时间:2012-11-05 08:31:01

标签: javascript android html ios cordova

我在phonegap构建中开发了一个应用程序并将发布,因为我认为它在iphone解析中运行良好。当我尝试使用三星音符的时候,我发现屏幕分辨率不如应用程序看起来那么小并且最小化了一切。我如何缩放应用程序并适应屏幕,如何适应iPhone屏幕?谢谢你的回复。

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1.0, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

2 个答案:

答案 0 :(得分:0)

如果您想在不使用本机代码的情况下解决此问题,例如如果您使用的是Phonegap构建服务,则可以设置target-densitydpi = 160或其他值。这将设置设备的dpi(每英寸点数)。通过这种方式,内容的大小将类似于各种设备。标准值:

  • 低分辨率:目标密度dpi = 120
  • 中等res:target-densitydpi = 160
  • 高分辨率:目标密度dpi = 240

据我了解,您可以使用70-400之间的任何值。

提醒:我刚刚在我自己的Phonegap应用程序中使用了这个,并且遇到了我正在研究的无法点击区域的问题。我的应用程序在DOM上有点复杂和沉重,所以我不确定这对你来说是否会有问题。确保在实施后广泛测试所有点击/点击事件。

答案 1 :(得分:0)

$(document).ready(function() { 
$('meta[name=viewport]').attr('content','width=1024, user-scalable=no'); 
}); 

似乎可以在应用了正确的缩放后禁用用户缩放